为网页添加脚本

javascript

为网页添加脚本

网页文档内部脚本

使用 HTML 元素 <script> 将脚本代码添加到网页 HTML 文档中(任何位置),当浏览器遇到 <script> 标签,代码会自动在浏览器环境中运行。

在一些项目的元素 <script> 中可能会设置属性 typelanguage 以声明脚本类型和编写语言是 JavaScript,但 HTML5 已再需要这些设置。

网页文档外部脚本

当需要编写大量的 JavaScript 代码,可以将 JS 代码放在单独文件(后缀为 .js),再通过元素 <script> 设置其属性 src 指向脚本文件的路径,以引入外部脚本到网页 HTML 文档中。

使用独立文件的好处是浏览器会下载它,然后将它保存到浏览器的缓存中,之后若其他页面想要相同的脚本就会从缓存中获取(所以文件实际上只会下载一次)可以节省流量,并使得页面加载更快。

Tip

只有最简单的脚本才嵌入到 HTML 中,复杂的脚本存放在单独的文件中。

Tip

如果元素 <script> 设置了 src 属性,则开始标签和结束标签之间的内容将会被忽略,即一个单独的 <script> 标签不能同时有 src 属性和内部包裹的代码。

此外脚本还可以在服务器环境,如 Node.js 中执行,如命令 node example.js 执行脚本 example.js


Copyright © 2024 Ben

Theme BlogiNote

Icons from Icônes