JavaScript的引入方式和基本属性

JavaScript的引入方式和基本属性

js的引入方式,最常用的有两种:

1、在页面中直接写入:

代码语言:javascript代码运行次数:0运行复制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运行复制

Title

Hello World!

async 会有5次弹窗,第一次是"First",此时外部引入的"w3h5.js",会处于Pending等待状态,当第二次弹出"Second"时,外部引入的"w3h5.js"加载成功,第三次弹窗就是"w3h5.js"中的"www.w3h5.com"了。

而 defer 需要等到页面加载完成后才开始执行,也就是说当弹完"Fourth"后,第五次弹窗才是"www.w3h5.com"。

(adsbygoogle = window.adsbygoogle || []).push({});

相关推荐