第二章 HTML中的JavaScript

118 阅读1分钟

JavaScript通过<script>标签插入到HTML中。可以直接把代码放到标签之内,亦或通过src属性引入外部文件。如果两者都有,那么会被当成外部文件处理。通常情况下引入外部文件可以更方便我们维护代码。

script标签属性:

async:是否异步,只对外部文件有效。异步表示立即开始下载,但不影响页面其他动作,换句话说程序一边在下载这个JavaScript文件,另一边接着解析后面的代码。打个比方就是煮饭和炒菜,异步的情况下,电饭锅一边在煮饭,不影响我在另一边炒菜,这两个线程可以同时进行。而同步的情况下,我的线程只有一个,必须等饭煮熟了才能炒菜。

defer:推迟执行,只对外部文件有效。告诉浏览器脚本延迟到整个页面都解析完毕之后再运行。只有 IE支持此属性。

JavaScript代码会被从上到下按顺序解释。通常将所有JavaScript放在元素之前,以避免页面渲染阻塞。

动态加载脚本:以DOM方式创建script标签,并append到head元素中。这种方法通常是异步的。