异步加载js

js是单线程的，会阻断html，css加载（因为js会修改html和css，一起加载会乱），所以是同步加载js。常规来说js是同步加载的，所以我们讲讲js异步加载的情况。

1. js加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，name整个网站将等待js加载而不得进行后续渲染等工作。
2. 有些工具方法需要按需加载，用到再加载，不用不加载。
3. JavaScript异步加载的三种方案：
   1）defer 异步加载，但要等到dom文档全部解析完(dom树生成完)才会被执行。只有个IE能用。
   2）async 异步加载，加载完就执行，async只能加载外部脚本，不能把js写在script标签里。ie9以上可以用，w3c标准
   1） 和 2）执行时也不阻塞页面
   3） 创建script，插入到DOM中，加载完毕后callback（按需加载，方便）-> 常用

	<script type="text/javascript" src="tool.js" defer>
    	var a = 123; //这样是可以的
	</script>
 	<script type="text/javascript" src="tool.js" async>
     //这里不能写脚本
	</script>
	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.src = 'tool.js';
	//如果不写下一行，就是只加载，不执行，写了才会立即执行
	document.head.appendChild(script);