美文网首页
第二章html中使用JavaScript

第二章html中使用JavaScript

作者: 土豪码农 | 来源:发表于2018-10-03 18:07 被阅读0次

    <script>标签

    <script>有几个比较重要的属性,type,src,defer,async.主要是defer,async要注意一下.
    两者都是用于异步加载脚本的,defer和async的区别在于

    defer:

    1. defer只适用于外联脚本,如果script标签没有指定src属性,只是内联脚本,不要使用defer
    2. 如果有多个声明了defer的脚本,则会按顺序下载和执行
    3. defer脚本会在DOMContentLoaded和load事件之前执行

    async:

    1. 只适用于外联脚本,这一点和defer一致
    2. 如果有多个声明了async的脚本,其下载和执行也是异步的,不能确保彼此的先后顺序
    3. async会在load事件之前执行,但并不能确保与DOMContentLoaded的执行先后顺序

    DOMContentLoaded是比load还早执行的事件
    window的load事件会在页面中的一切都加载完毕时触发,但这个过程可能会因为要加载外部资源过多而颇费周折。而DOMContentLoaded事件则在形成完整的DOM树之后就会触发,不理会图像、JavaScript文件、CSS文件或其他资源是否已经下载完毕。
    在实际开发中async基本没啥作用,不按顺序也不考虑依赖,基本用defer

    相关文章

      网友评论

          本文标题:第二章html中使用JavaScript

          本文链接:https://www.haomeiwen.com/subject/iowaoftx.html