验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

HTML中的script标签属性怎么使用

阅读:820 来源:乙速云 作者:代码code

HTML中的script标签属性怎么使用

在HTML中,        

在这个例子中,我们在页面中引入了两个脚本:script1.jsscript2.js。其中,script1.js 使用了 async 属性,而 script2.js 使用了 defer 属性。

当浏览器解析这个页面时,它会异步地加载 script1.js,但会继续解析页面并渲染内容。一旦 script1.js 下载完成,它会立即执行。在此期间,浏览器可能仍在解析和渲染页面。

对于 script2.js,浏览器也会异步加载它,但是会等待页面解析完毕后才执行。因此,script2.js 的执行会在页面解析完毕后,按照它在页面中的出现顺序执行。

总结一下:

  • 不带asyncdefer的脚本会立即加载并阻塞HTML解析。

  • 带有async属性的脚本会异步加载并在加载完成后立即执行,可能在HTML解析完成之前或之后。

  • 带有defer属性的脚本会延迟执行,直到HTML文档解析完成。

  • 如果在一个