js的引入方式,最常用的有两种:
1、在页面中直接写入:
代码语言:javascript代码运行次数:0运行复制
alert("www.w3h5.com");
2、引入外部js文件:通过 src 引入,此时 script 标签内添加任何js代码都不起效果。
代码语言:javascript代码运行次数:0运行复制动态引入js的四种方式:
1、直接 document.write:但这样会把当前页面全覆写掉
代码语言:javascript代码运行次数:0运行复制document.write("2、异步加载 async ,js文件加载完成就可以往下执行。浏览器默认的是同步(sync 同步,执行完js后才会往下执行)
代码语言:javascript代码运行次数:0运行复制3、异步加载 defer ,页面加载完成之后才执行该js代码。
代码语言:javascript代码运行次数:0运行复制async 和 defer 的区别:
例如:执行如下代码
代码语言:javascript代码运行次数:0运行复制
alert("First")
alert("Second")
Hello World!
alert("Third")
alert("Fourth")
async 会有5次弹窗,第一次是"First",此时外部引入的"w3h5.js",会处于Pending等待状态,当第二次弹出"Second"时,外部引入的"w3h5.js"加载成功,第三次弹窗就是"w3h5.js"中的"www.w3h5.com"了。
而 defer 需要等到页面加载完成后才开始执行,也就是说当弹完"Fourth"后,第五次弹窗才是"www.w3h5.com"。
(adsbygoogle = window.adsbygoogle || []).push({});