javascript文件的同步加载与异步加载实现原理_javascript技巧

HTML 4.01 的script属性
charset: 可选。指定src引入代码的字符集，大多数浏览器忽略该值。
defer: boolean, 可选。延迟脚本执行，相当于将script标签放入页面body标签的底部，js脚本会在document的DOMContentLoaded之前执行。除IE和较新版本的Firefox外，其他浏览器并未支持。
language: 已废弃。大部分浏览器会忽略该值。
src: 可选。指定引入的外部代码文件，不限制后缀名。
type: 必选。指定脚本的内容类型（MIME类型）。现实中通常不指定该值也可以，浏览器会默认当作text/Javascript类型来解释执行。

HTML5中的script属性：
script 标签在HTML5中除了具备HTML5新标准定义的属性以外，和HTML4.01相比移除了language属性，修改了type属性为可选的（默认text/Javascript），并新增了一个属性async。
async :boolean, 属性的作用，定义脚本是否异步执行，取值true或false。
如果 async 设为 true ，会忽略 defer 属性。
异步执行的 js 文件被假定为不使用 document.write() 向加载中的 document 写入内容，因此不要在 异步执行的 js 文件的加载执行过程中使用 document.write()
除了 script 标签属性外，页面引入 js 文件的方式影响其加载执行方式：
任何以添加 script 节点(例如 appendChild(scriptNode) ) 的方式引入的js文件都是异步执行的 (scriptNode 需要插入document中，只创建节点和设置 src 是不会加载 js 文件的，这跟 img 的预加载不能类比 )
html文件中的';
window.onload 事件会在 js 文件加载完毕才触发(即使是异步加载)
=====================================================
1、 2、
//同步加载执行xx.js中的代码
3、 4、 xx.js中有下面代码：

代码如下:

document.write('

tryjs.js

代码如下:

console.log('write begin');
document.write('<\/script>');
document.write('<\/script>');
console.log('write finished');

try.1.js

代码如下:

console.log('loadjs 1 begin');
console.log('loadjs 1 finished');

try.2.js

代码如下:

console.log('loadjs 2 begin');
console.log('loadjs 2 finished');

测试结果（file 2 和 file 1 的 callback complete 在IE7\8\9次序不确定）
IE 7:
日志: outer js callback loading IE
日志: outer js callback loaded IE
日志: write begin
日志: write finished
日志: outer js callback complete IE
日志: file 1 callback loading IE
日志: file 2 callback loading IE
日志: loadjs 1 begin
日志: loadjs 1 finished
日志: loadjs 2 begin
日志: loadjs 2 finished
日志: file 2 callback complete IE
日志: file 1 callback complete IE

IE8:
日志: outer js callback loading IE
日志: outer js callback loaded IE
日志: write begin
日志: write finished
日志: outer js callback complete IE
日志: file 1 callback loading IE
日志: file 2 callback loading IE
日志: loadjs 1 begin
日志: loadjs 1 finished
日志: loadjs 2 begin
日志: loadjs 2 finished
日志: file 2 callback complete IE
日志: file 1 callback complete IE

IE9:
日志: write begin
日志: write finished
日志: outer js callback complete IE
日志: file 1 callback loading IE
日志: file 2 callback loading IE
日志: loadjs 1 begin
日志: loadjs 1 finished
日志: loadjs 2 begin
日志: loadjs 2 finished
日志: file 1 callback complete IE
日志: file 2 callback complete IE

FIREFOX:
write begin
write finished
outer js callback, not IE
loadjs 1 begin
loadjs 1 finished
file 1 callback,NOT IE
loadjs 2 begin
loadjs 2 finished
file 2 callback,NOT IE

CHROME:
write begin
write finished
outer js callback, not IE
loadjs 1 begin
loadjs 1 finished
file 1 callback,NOT IE
loadjs 2 begin
loadjs 2 finished
file 2 callback,NOT IE