java解决js异步加载_js 异步加载

一、为什么要JS异步加载？

因为同步加载存在问题！

JS在默认情况下是以同步模式(又称阻塞模式)加载的，这里“加载”的意思是“解释、执行”。在最新版本的浏览器中，浏览器对于代码请求的资源都是瀑布式的加载，而不是阻塞式的，但是JS的执行总是阻塞的。这会引起什么问题呢？如果在页面中加载一些JS，但其中某个请求迟迟得不到响应，位于此JS后面的JS将无法执行，同时页面渲染也不能继续，用户看到的就是白屏(此时JS在

标签之后引入)。test

我是小仙女

这是一个简单的html文件，页面的主体是简单地文本段落，但是代码执行后迟迟都是空白。为什么呢？因为第一个请求的JS迟迟无法加载，于是阻塞了后面代码的执行，页面得不到渲染。

那该怎么办呢？你可能会想到一个方法，把JS代码放到标签之前！好主意！于是我们把JS放在HTML语句后面(这也是所提倡的页面结构)。

test

我是小仙女

页面瞬间被渲染，问题似乎解决了，可是...

test

我是小仙女

我们在前面代码的基础上简单加了一段代码，但"hello world"迟迟无法被弹出，显然是因为前面的JS请求阻塞了后面代码的加载。这时同步加载的问题依然存在：改变JS的加载位置只能改变页面的渲染，JS还是会阻塞。

二、如何实现JS异步加载？

异步加载即非阻塞加载，浏览器在加载JS的同时，还会继续进行后续页面的处理。在本例中，我们想实现在请求第一段谷歌提供的JS的同时，下面的JS不受影响，继续执行。

如何实现？现在提供常用的几种方法：

1.动态生成

test

我是小仙女

var s=document.createElement("script");

s.type="text/javascript";

s.src="http://china-addthis.googlecode.com/svn/trunk/addthis.js";

document.body.appendChild(s);

})();