空间管理您的位置: 51Testing软件测试网 » 努力学习美好将来 » 日志

加快网页的打开速度

上一篇 / 下一篇 2007-06-25 11:40:49 / 个人分类：ASP

先加载网页,然后再加载广告让广告代码不再影响你的网页加载速度
第一步：把这段代码放在你要放广告的网页位置：

<SPAN id=ad_01>广告载入中...</SPAN>

第二步：把这段代码放到页底:

<SPAN class=spanclass id=span_ad_01>
这里放广告的JS代码或其他加载速度比较慢的内容都可以.
</SPAN>
<scrīpt>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</scrīpt>

演示：http://www.caoxia.com/Story/15/6/83481.html

但该代码有两个问题，

1、多出一个空行

2、在FIREFOX下不能正常显示

参考下文

很多人都可能遇到过这种情况：设置 innerHTML 的时候，插入的 HTML 代码中包含脚本，但这些脚本却不生效，或者在 IE 上生效在其它浏览器上就不生效。原因很简单：不同浏览器对插入 innerHTML 中的脚本有不同的处理方法。经过实践，归纳如下：
对于IE，首先 scrīpt 标签必须带 defer 属性，其次在插入时刻，innerHTML 的所属节点必须在 DOM 树中；对于 Firefox 和 Opera，在插入时刻，innerHTML 的所属节点不可以在 DOM 树中。
根据上面结论，给出通用的设置 innerHTML 方法：

/*
* 描述：跨浏览器的设置 innerHTML 方法
* 允许插入的 HTML 代码中包含 scrīpt 和 style
* 作者：kenxu <ken@ajaxwing.com>
* 日期：2006-03-23
* 参数：
* el: 合法的 DOM 树中的节点
* htmlCode: 合法的 HTML 代码
* 经测试的浏览器：ie5+, firefox1.5+, opera8.5+
*/
var setInnerHTML = function (el, htmlCode) {
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('msie') >= 0 && ua.indexOf('opera') < 0) {
htmlCode = '<div style="display:none">for IE</div>' + htmlCode;
htmlCode = htmlCode.replace(/<scrīpt([^>]*)>/gi,
'<scrīpt$1 defer="true">');
el.innerHTML = htmlCode;
el.removeChild(el.firstChild);
}
else {
var el_next = el.nextSibling;
var el_parent = el.parentNode;
el_parent.removeChild(el);
el.innerHTML = htmlCode;
if (el_next) {
el_parent.insertBefore(el, el_next)
} else {
el_parent.appendChild(el);
}
}
}

还有某些情况，我们事先不清楚要插入到 innerHTML 的 HTML 代码包含什么，如果包含 document.write 语句，那么就会破坏整个页面。对于这种情况，可以通过重新定义 document.write 来避免。代码如下：

/*
* 描述：通过重定义 document.write 函数，避免在使用 setInnerHTML 时，
* 插入的 HTML 代码中包含 document.write ，导致原页面受到破坏的情况。
*/
document.write = function() {
var body = document.getElementsByTagName('body')[0];
for (var i = 0; i < arguments.length; i++) {
argument = arguments[i];
if (typeof argument == 'string') {
var el = body.appendChild(document.createElement('div'));
setInnerHTML(el, argument)
}
}
}

用户菜单

我的栏目

标题搜索

日历

数据统计

访问量: 34119
日志数: 65
图片数: 4
建立时间: 2006-12-06
更新时间: 2008-09-10

加快网页的打开速度

相关阅读:

用户菜单

我的栏目

标题搜索

日历

我的存档

数据统计

RSS订阅