JavaScript 脚本是最常用加载在 HTML 页面中，使其具有动态和交互性功能的工具。
使用 <script> 标签插入 JavaScript 代码，有结束标签。
<script>
document.write("Hello World!")
</script>
该代码执行打印命令，输出如下：
事件响应
变换文本内容
在外部写好 JavaScript 脚本并于 <head> 部分引用，或者直接在 <script> 标签内定义一个 JS 函数 button1() 如下：
function button1(){
document.getElementById("demo").innerHTML="Kyuu!";
}
在 HTML 页面中调用这个 JS 脚本函数 button1()：
<p id="demo">谁是世界上最可爱的猫咪？</p>
<button type="button" onclick="button1()">查看！</button>
就完成了一个点击替换文本的交互式响应功能，即点击后将 id="demo" 的标签容器内容替换为 "Kyuu!"。
谁是世界上最可爱的猫咪？
更改样式
同样的，更改 JS 脚本代码也可以实现更改某段文本样式的功能。
function style1(){
x=document.getElementById("paragraph1"); // 找到元素
x.style.color="LightBlue";
x.style.backgroundColor="black";
}
<p id="paragraph1">
这段文本的样式将被改变。
</p>
<button type="button" onclick="style1()">样式1</button>
这段文本的样式将被改变。
不支持时替代
在某些浏览器中有可能遇到禁用脚本或浏览器不支持该脚本的情况，使用 <noscript> 标签来编写提示信息。
当浏览器不支持脚本或者禁用脚本时，该标签中的内容才会被显示。
<script>
document.write("Hello World!")
</script>
<noscript>
当前浏览器不支持 JavaScript
</noscript>
在浏览器支持 JS 时，上述代码会输出 “Hello World!”；当 JS 被禁用或者不支持是，页面会显示 “当前浏览器不支持 JavaScript” 的提示文本。
<noscript> 标签中可以包含普通页面 body 中的所有元素，甚至可以重新写出一个页面。
评论