<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML脚本</title>
</head>
<body>
<h4>插入一段脚本</h4>
<script>
document.write("Hello World！")
</script>
<h4>使用noscript标签</h4>
<script>
document.write("<p>这是一个段落。</p>")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
<p>不支持JavaScript的浏览器会使用<noscript>元素中定义的文本来替代</p>
<br> <br> <br>
<h4>JavaScript可以直接在HTML输出</h4>
<script>
document.write("<p>这是一个段落</p>")
document.write("<h1>这是一个标题</h1>")
</script>
<p>
你只能在HTML输出流中使用 <strong>document.write</strong> <br>
如果你在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
<br> <br> <br>
<h4>JavaScript事件响应</h4>
<p id="demo">JavaScript 可以触发事件 类似按钮点击</p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML="Hello JavaScript"
}
</script>
<button type="button" onclick="myFunction()">点击</button>
<br> <br> <br>
<h4>JavaScript处理 HTML 样式</h4>
<p id="test1" style="background-color: #FFFFBB;color: blue">JavaScript处理 HTML 样式</p>
<script>
function myfunction2() {
x=document.getElementById("test1") // 找到元素
x.style.color="#ff0000"; // 改变样式
x.style.backgroundColor = "#EEE333";
}
</script>
<button type="button" onclick="myfunction2()">点击</button>
</body>
</html>
1、HTML <script> 标签
<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
2、HTML<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容：
3、HTML 脚本标签
标签 描述
<script> 定义了客户端脚本
<noscript> 定义了不支持脚本浏览器输出的文本
