页面初始化时,script外联标签的加载顺序是否与内部js的顺序相关?
script加载顺序与内部js顺序的关系
当页面初始化时,顺序引入的script外联标签可能没有按照顺序加载。这引起了人们的疑问,它是否与这些脚本的内部js顺序有关。
问题的关键在于HTML标签中的defer属性。带有defer属性的script标签会在整个文档解析完成后才按照顺序执行。
加入defer属性的好处包括:
- 顺序执行:浏览器保证带有defer属性的script按顺序执行,即使它们不是按照顺序下载。
- 防止交互中断:在文档解析过程中执行脚本可能会中断用户交互。通过延迟执行,defer属性可以防止这些中断。
因此,当顺序引入的script外联标签没有按顺序加载时,可能的原因是某些标签中缺少defer属性。通过为所有script标签添加defer属性,可以确保按顺序加载和执行这些外部脚本。
以上就是页面初始化时,script外联标签的加载顺序是否与内部js的顺序相关?的详细内容,更多请关注其它相关文章!