HTML中script 标签中的那些属性

小时候就长得帅

在HTML中，       [/code] 
在这个例子中，我们在页面中引入了两个脚本： script1.js 和 script2.js 。其中， script1.js 使用了 async 属性，而 script2.js 使用了 defer 属性。
当浏览器解析这个页面时，它会异步地加载 script1.js ，但会继续解析页面并渲染内容。一旦 script1.js 下载完成，它会立即执行。在此期间，浏览器可能仍在解析和渲染页面。
对于 script2.js ，浏览器也会异步加载它，但是会等待页面解析完毕后才执行。因此， script2.js 的执行会在页面解析完毕后，按照它在页面中的出现顺序执行。
 
 


总结一下：

-   不带 async 或 defer 的脚本会立即加载并阻塞HTML解析。
-   带有 async 属性的脚本会异步加载并在加载完成后立即执行，可能在HTML解析完成之前或之后。
-   带有 defer 属性的脚本会延迟执行，直到HTML文档解析完成。
-   如果在一个  [/code] 


2.   type 属性：用于指定脚本的MIME类型。对于JavaScript，推荐使用 text/javascript 。但是，大多数浏览器默认将 [/code] 

3.   charset 属性：用于指定脚本文件的字符编码。这个属性已经不太常用，因为现在大多数浏览器和服务器默认使用UTF-8编码。

1. [/code] 
3. 4.   [b]crossorigin 属性[/b]：用于配置跨域资源共享（CORS）设置。当加载的脚本文件位于不同的域名下时，可以使用 crossorigin 属性来控制浏览器的跨域策略。
4. [code]

复制代码

 

5.   integrity 属性：用于确保脚本文件的完整性。通过提供脚本文件的哈希值（例如，SHA-256、SHA-384或SHA-512），浏览器可以在加载文件时验证其完整性。

1. [/code] 
3. 6.   [b]nomodule 属性[/b]：用于指定脚本不应在支持ES6模块的浏览器上执行。这可以用于向不支持ES6模块的旧浏览器提供回退脚本。
4. [code]

复制代码

 

这些属性和特性使得 <script> 标签在不同的使用场景下更加灵活和易于配置。

来源:https://www.cnblogs.com/ronaldo9ph/p/17360990.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！