【前端知识】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>
元素中的任何内容都不会被渲染。