开发html的时候,突然出现顺序引入的script外联标签,在初始化页面的时候,并没有按顺入加载,这个跟后面写的script内部js顺序有关系吗?

作者站长头像
站长
· 阅读数 5
<!--引入js-->
  <script src="./js/jquery.js"></script>
  <script src="./js/isotope.js"></script>
  <script src="./js/typed.js"></script>
  <script src="./js/running.js"></script>
  <script src="./js/scrollreveal.js"></script>
  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/smooth-scroll.js"></script>

页面加载效果开发html的时候,突然出现顺序引入的script外联标签,在初始化页面的时候,并没有按顺入加载,这个跟后面写的script内部js顺序有关系吗?开发html的时候,突然出现顺序引入的script外联标签,在初始化页面的时候,并没有按顺入加载,这个跟后面写的script内部js顺序有关系吗?

回复
1个回答
avatar
test
2024-06-27

使用defer属性:具有defer属性的script标签将会在解释器工作全部完成后,按照具有defer属性的script标签顺序进行执行。这使得开发者可以按顺序使用相互间存在依赖关系的脚本。虽然所有的脚本会在所有的文档内容解析完成后执行,但是浏览器会保证它们按照顺执行。猜测可能在解析过程中defer类型的脚本会被暂时丢进一个队列中,以便文档解析结束后按顺序执行。理论上讲,浏览器可能会在任何时候下载脚本,但是在文档解析完成以及不具有asyn和defer属性的行内脚本解析并执行完成前都不会暂停。

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/scriptanswer image
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容