jQuery技术

jquery预加载网页技术:判断当前页是否是在框架中打开的

字号+ 作者:H5之家 来源:H5之家 2017-08-17 12:01 我要评论( )

jquery预加载网页技术:判断当前页是否是在框架中打开的

今天站长在做一个网站的时候,客户要求网站能有预加载功能。

其实所谓的预加载就是说客户在访问当前面的时候,能提前加载下一页,这样当客户在打开下一页的时候就不用再等待了!

其实要实现预加载的功能,有很多方法,站长我想到了俩种,一种是用框架,一种是用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里如何跳出当前循环进入下一个循环[亲测有用]

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery Plugin Poshy Tip 使用

    jQuery Plugin Poshy Tip 使用

    2017-08-17 14:00

  • jquery技术揭秘静态工具函数源码重构

    jquery技术揭秘静态工具函数源码重构

    2017-08-17 12:00

  • jquery ajax传值 基于Jquery ajax技术实现间隔N秒向某页面传值

    jquery ajax传值 基于Jquery ajax技术实现间隔N秒向某页面传值

    2017-08-17 11:01

  • jQuery 遍历

    jQuery 遍历

    2017-08-16 14:01

网友点评