JS预处理机制

时间：2014-10-21 21:44:17 阅读：242 评论：0 收藏：0 [点我收藏+]

IE中界面加载顺序为从上往下加载。。同步加载。。如一个界面 70多个请求的情况下。导致页面加载及其慢。

JS预处理机制：

大概原理：

用XMLHTTP取得脚本的内容，再创建Script对象，另外注意编码保持一致，因为服务器和XML使用UTF8的编码传送数据。类似于预报加载这些js脚本文件。界面上尽量不要出现没有必要引用的js文件，减缓页面加载速度不说，还容易出现js错误。

实现方式： 1-3种方法是异步的，基本上都在一个主界面（需优化的界面上采取，动态写，改，生成一个script脚步）。来实现异步加载js。。所以，在采用这种方式优化时，主界面的js脚本是继续执行的。所以可能出现通过异步加载的js代码得不到预期的效果情况，这时候可以考虑采用Ajax加载js的方法

1.直接document.write (通过dom 节点。生成一个导入的脚本)
<script language="javascript">
document.write("<script src=‘test.js‘><script/>")
</script>

2.动态改变已有script的src属性
<script src="" id="index">
</script>
<script language="javascript">
index.src="test.js";
</script>

3.动态创建script元素
<script>
var oHead=document.getElementsByTagName("HEAD").item(0);
var oScript=document.createElement("script");
oScript.type="text/javascript";
oScript.src="test.js";
oHead.appendChild(oScript);
</script>

4。通过压缩，合并js方式处理

通过ajax异步加载一个js类
加载并执行一个 JS 文件。

jQuery 代码:
$.ajax({
type: "GET",
url: "test.js",
dataType: "script"
});

JS预处理机制

标签：js 压缩 js预处理加快页面访问速度

原文地址：http://blog.csdn.net/hu948162999/article/details/40349235

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行