今天站长在做一个网站的时候,客户要求网站能有预加载功能。
其实所谓的预加载就是说客户在访问当前面的时候,能提前加载下一页,这样当客户在打开下一页的时候就不用再等待了!
其实要实现预加载的功能,有很多方法,站长我想到了俩种,一种是用框架,一种是用AJAX,一开始的时候是用的AJAX,但是最后站长舍弃了,原因有二:
1.麻烦,虽然用jquery的ajax框架开发AJAX程序很简单了,但是要实现预加载还得写好多的代码和判断;
2.用ajax预加载,只能加载文字,图片不能预加载,这一条站长测试了好多次了,是真的不能加载,只有当ajax获取过来的HTLM代码,被浏览器解析时,才会加载其中的图片;
所以站长就改用框架了,用框架来预加载网页是很简单的,直接用js来把下一页放到当前面的框架里就行了,但是这里一定要注意做好判断,如果不做判断的话,会进入死循环的,这里站长来给大家说说为什么会进入死循环,先来看站长刚开始时候的代码:
$(function(){ //缓存上下页 $(".npichtml,.upichtml").each(function(){ $("body").append('<iframe width="0" height="0" style="display:none" src="'+$(this).attr("href")+'"></iframe>'); }); });大家可以用FF浏览器打开站长工具,就可以看到网页是在不停的加载,直到不存在“下一页”的时候才停止,这时我们就要用到“判断当前面是否在框架中打开”这个功能了:$(function(){ //缓存上下图 $(".npichtml,.upichtml").each(function(){ if(window.top == window.self){ $("body").append('<iframe width="0" height="0" style="display:none" src="'+$(this).attr("href")+'"></iframe>'); } }); });本文“jquery预加载网页技术:判断当前页是否是在框架中打开的”的内容摘要为:jquery预加载网页技术:判断当前页是否是在框架中打开的 由天使建站[]首发,转载请说明!
上一篇:
下一篇: ASP里如何跳出当前循环进入下一个循环[亲测有用]