前言
通常HTML文件在浏览器中加载时,浏览器都会按照
首先,我们看一看传统中js加载的做法,所有的
<body>
<div>
<h1>好好学习,天天向上</h1>
</div>
</body>
这种做法的目的就是把所用的外部文件(包括CSS文件和js文件)的引用都放在相同的地方。可是,在文档的元素中包含所有JavaScript文件,意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后,才能开始呈现页面的内容。而对于需要很多JavaScript文件的页面来说,无疑会出现页面展示延迟现象。下面我给出3种解决方案:
方案一、改变标签的位置
我们把
<body>
<div>
<h1>好好学习,天天向上</h1>
</div>
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
这样,在解析包含的JavaScript代码之前,页面的内容将完全展示在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开的速度加快了。
方案二、在
HTML4.01为
<body>
<div>
<h1>好好学习,天天向上</h1>
</div>
</body>
在这个例子中,虽然我们把
方案三、在
HTML5为
<body>
<div>
<h1>好好学习,天天向上</h1>
</div>
</body>
注意:在XHTML文档中,要把async属性设置为async="async"。
转载请标明出处:
http://blog.csdn.net/mark_yangs/article/details/75246717
本文出自:【杨海波的博客】