为网页添加脚本
网页文档内部脚本
使用 HTML 元素 <script
> 将脚本代码添加到网页 HTML 文档中(任何位置),当浏览器遇到 <script>
标签,代码会自动在浏览器环境中运行。
在一些项目的元素 <script>
中可能会设置属性 type
和 language
以声明脚本类型和编写语言是 JavaScript,但 HTML5 已不再需要这些设置。
网页文档外部脚本
当需要编写大量的 JavaScript 代码,可以将 JS 代码放在单独文件(后缀为 .js
),再通过元素 <script>
设置其属性 src
指向脚本文件的路径,以引入外部脚本到网页 HTML 文档中。
使用独立文件的好处是浏览器会下载它,然后将它保存到浏览器的缓存中,之后若其他页面想要相同的脚本就会从缓存中获取(所以文件实际上只会下载一次)可以节省流量,并使得页面加载更快。
Tip
只有最简单的脚本才嵌入到 HTML 中,复杂的脚本存放在单独的文件中。
Tip
如果元素 <script>
设置了 src
属性,则开始标签和结束标签之间的内容将会被忽略,即一个单独的 <script>
标签不能同时有 src
属性和内部包裹的代码。
此外脚本还可以在服务器环境,如 Node.js 中执行,如命令 node example.js
执行脚本 example.js
。