延迟加载JS有哪些方式

1、defer

等HTML全部解析完成,才会执行js代码,按顺序执行js脚本

复制代码
<script defer type='text/javascript' src='script.js></script>

2、async

async是和HTML解析同步的(一起的),不是按顺序执行js脚本(谁先加载谁先执行)

js文件不能有依赖关系

复制代码
// 例如:如果在a.js中引入了b.js就不能使用async
<script async type='text/javascript' src='script.js></script>
<script async type='text/javascript' src='a.js></script>
<script async type='text/javascript' src='b.js></script>
相关推荐
情怀姑娘22 分钟前
面试题---------------场景+算法
java·算法·mybatis
爆浆麻花23 分钟前
为什么有些人边框不用border属性
前端·css
uhakadotcom25 分钟前
Next.js 从入门到精通(1):项目架构与 App Router—— 文件系统路由与目录结构全解析
前端·面试·github
客梦34 分钟前
Java 学生管理系统
java·笔记
e***09636 分钟前
SpringBoot下获取resources目录下文件的常用方法
java·spring boot·后端
q***146440 分钟前
JavaWeb项目打包、部署至Tomcat并启动的全程指南(图文详解)
java·tomcat
從南走到北1 小时前
JAVA同城信息付费系统家政服务房屋租赁房屋买卖房屋装修信息发布平台小程序APP公众号源码
java·开发语言·小程序
LFly_ice1 小时前
学习React-22-Zustand
前端·学习·react.js
TechMasterPlus1 小时前
java:单例模式
java·开发语言·单例模式
南山安1 小时前
从反转字符串看透面试官的“内心戏”:你的算法思维到底怎么样?
javascript·算法·面试