【前端知识】JavaScript——＜script＞的8个属性

最新推荐文章于 2025-07-09 17:29:11 发布

原创最新推荐文章于 2025-07-09 17:29:11 发布 · 540 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

前端知识同时被 2 个专栏收录

98 篇文章

订阅专栏

JavaScript

24 篇文章

订阅专栏

本文介绍了JavaScript的<script>标签的8个关键属性，包括async、defer、charset、crossorigin、integrity等，强调了它们在脚本加载和执行中的作用。async属性允许脚本异步加载，不阻塞页面渲染，而defer属性则将脚本延迟到文档解析完毕后执行。正确的使用这些属性能优化页面性能，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【前端知识】JavaScript——`<script>`的8个属性

`<script>`元素的8个属性：

属性	释义
async	表示应该立即开始下载脚本，但不能阻止其他页面动作，比如下载资源或等待其他脚本加载。只对外部脚本文件有效。
charset	使用 src 属性指定的代码字符集。
crossorigin	配置相关请求的CORS（跨源资源共享）设置。
defer	表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。
integrity	允许比对接收到的资源和指定的加密签名以验证子资源完整性（SRI，Subresource Integrity）。
language	已废弃，最初用于表示代码块中的脚本语言。
src	表示包含要执行的代码的外部文件。
type	代替 language，表示代码块中脚本语言的内容类型（也称 MIME 类型）。

要包含外部 JavaScript 文件，必须将 src 属性设置为要包含文件的 URL。文件可以跟网页在同一台服务器上，也可以位于完全不同的域。
所有<script>元素会依照它们在网页中出现的次序被解释。在不使用 defer 和 async 属性的情况下，包含在<script>元素中的代码必须严格按次序解释。
对不推迟执行的脚本，浏览器必须解释完位于<script>元素中的代码，然后才能继续渲染页面的剩余部分。为此，通常应该把<script>元素放到页面末尾，介于主内容之后及</body>标签之前。
可以使用 defer 属性把脚本推迟到文档渲染完毕后再执行。推迟的脚本原则上按照它们被列出的次序执行。
可以使用 async 属性表示脚本不需要等待其他脚本，同时也不阻塞文档渲染，即异步加载。异步脚本不能保证按照它们在页面中出现的次序执行。
通过使用<noscript>元素，可以指定在浏览器不支持脚本时显示的内容。如果浏览器支持并启用脚本，则<noscript>元素中的任何内容都不会被渲染。