开发html的时候,突然出现顺序引入的script外联标签,在初始化页面的时候,并没有按顺入加载,这个跟后面写的script内部js顺序有关系吗?
<!--引入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>
页面加载效果
回复
1个回答
test
2024-06-27
使用defer
属性:具有defer属性的script标签将会在解释器工作全部完成后,按照具有defer属性的script标签顺序进行执行。这使得开发者可以按顺序使用相互间存在依赖关系的脚本。虽然所有的脚本会在所有的文档内容解析完成后执行,但是浏览器会保证它们按照顺执行。猜测可能在解析过程中defer类型的脚本会被暂时丢进一个队列中,以便文档解析结束后按顺序执行。理论上讲,浏览器可能会在任何时候下载脚本,但是在文档解析完成以及不具有asyn和defer属性的行内脚本解析并执行完成前都不会暂停。
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/script
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容