JavaScript加载方式介绍

• 介绍

在HTML中添加JavaScript代码有几种方式（和CSS的代码类似），下面一一介绍。

• 脚本嵌入

[codesyntax lang="xml"]

<input id='suren' type='button' value='load' />

<script type='text/javascript'>
var loadBut = document.getElementById('suren');
loadBut.onclick = function(){
	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.src = 'a.js';

	document.body.appendChild(script);
}
</script>

[/codesyntax] 像上面那样，直接把代码写在script标签中，就是嵌入式的。

• 资源加载

<script type='text/javascript' src='a.js'></script>

• 动态资源加载

点击上面的按钮就会动态第加载一个js文件，这就是异步式。

• 异步加载

以上的加载方式都是同步加载的——浏览器只有在解析完当前的script内容后才会继续解析后面的，如果有一个js加载的时间比较长的话，会影响整个页面的加载速度。 <script type='text/javascript' src='a.js' async='async'></script> 要注意的是：async这个属性是HTML5中新增的内容。