精华内容
下载资源
问答
  • jq判断iframe是否加载完 没加载显示转动菊花,加载完显示页面 代码如下 $("#detail iframe").load(function() { //加载完隐藏转动菊花的操作 });

    jq判断iframe是否加载完
    在这里插入图片描述
    没加载显示转动菊花,加载完显示页面

    代码如下

    $("#detail iframe").load(function() {
    //加载完隐藏转动菊花的操作
    });

    展开全文
  • 问题:帖子列表是ajax请求,一次性加载10条数据,采用超链接跳转详情页之后,再返回主页面,主页面的帖子列表需要重新请求,如果说用户已经看到第五页的帖子,点击详情,再次返回主页面时,帖子只会请求显示第一页...

    需要的效果如下:
    原文链接 原文链接
    贴吧类型的主页面,希望点击下面的帖子就可以看到帖子详情页,然后点击帖子上的返回按钮可以返回到点前浏览的地方。

    主页面如下:
    s.jf3q.com
    问题:帖子列表是ajax请求,一次性加载10条数据,采用超链接跳转详情页之后,再返回主页面,主页面的帖子列表需要重新请求,如果说用户已经看到第五页的帖子,点击详情,再次返回主页面时,帖子只会请求显示第一页数据,这样用户需要在再加载4次数据才能找到自己浏览的那个位置,用户体验太差了。

    寻找解决方法用iframe。实现效果如下:点击帖子链接,页面出现菊花,表示在请求详情页的数据
    s.jf3q.com
    数据加载完后,菊花隐藏,显示帖子详情,效果如下

    s.jf3q.com
    点击详情页的返回按钮,主页面的所有数据均在,并且显示在用户刚浏览的那条数据的位置。

    关键性代码如下:
    $("#detail iframe").load(function() {
    //加载完隐藏转动菊花的操作
    });

    主要思路:
    其实代码并不难,关键是思路。 主页面的显示和隐藏,以及用到了锚点链接。

    第一步,主页面和详情页功能已完成

    第二步:分别将主页代码和iframe用section标签包裹起来
    s.jf3q.com
    第三步,给帖子列表添加点击事件
    教你写技术
    ps,需要和自己定义的参数一样
    s.jf3q.com教你写技术
    这样,点击帖子列表就会显示菊花,加载完后显示详情页
    第四步,返回主页操作
    s.jf3q.com
    这个用起来很简单,但是需要思路清晰,用jq来控制页面元素的显示和隐藏,如果问题没有得到解决,可以加我扣扣1913284695 ,当然还有其他的方法,比如get请求也可以实现

    展开全文
  • 一般来说,我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似: var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; if ...

    一般来说,我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似:

    最近, Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法(很完美):

    几点补充说明:

    1. IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册。
    2. 第二种方法比第一种方法更完美,因为 readystatechange 事件相对于 load 事件有一些潜在的问题。

     原文:http://www.planabc.net/2009/09/22/iframe_onload/

    展开全文
  • iframe是否加载完判断

    2011-09-23 16:47:53
    iframe加载判断,兼容firefox和iefunction eggs_callback() { if(window.frames['jx_egg_iframe']==null){ }else{ var state=window.frame
     iframe加载判断,兼容firefox和ie
    function   eggs_callback() 
    { 
       if(window.frames['jx_egg_iframe']==null){
       }else{
         var state=window.frames['jx_egg_iframe'].document.readyState;
         if(state == "complete") {
         }else{
        	setTimeout("eggs_callback()",   200); 
        }
      }
    }

    展开全文
  • 方法一、jQuery load() Js代码  //根据id获取iframe ...//利用jQuery来判断iframe是否已经加载完毕 $(frm).load(function(){//等iframe加载完毕 //这里就是ifram加载完后做的事情 }); 方法二
  • 这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面:ie浏览器IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内...
  • //判断exportFrame业务是否加载完,并关闭遮罩层 var exportFrame = document.getElementById("exportFrame"); //获取iframe exportFrame.onreadystatechange = function(){ if(exportFrame.readyState == ...
  • 这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在el
  • JS判断iframe是否加载成功

    千次阅读 2014-05-07 15:24:18
    这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在el
  • 这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的...
  • 一般来说,完美判断一个...第一种:该方法和判断Javascript文件是否被加载完相似。下面是代码: var iframe = document.createElement("iframe");iframe.src = http://home.trusit.net/Pages/Default.aspx;i...
  • if(frames("appIframe").document.readyState!="complete"){ alert("页面未加载完,请稍等!"); event.returnValue=false; return; } 转载于:https://www.cnblogs.com/yx007/p/5...
  • 最近在一个项目顶用到了iframe框架,要需断判框架中的档文是不是加载终了,加载完后再进行下一步的作操,这里找到了几个方法来现实断判: var iframe = document.createElement("iframe"); iframe.src
  • 最近在一个项目中用到了iframe框架,需要判断框架中的文档是否加载完毕,加载完后再进行下一步的操作,这里找到了几个方法来实现判断: var iframe = document.createElement("iframe"); iframe.src = ...
  • 最近在一个项目中用到了iframe框架,需要判断框架中的文档是否加载完毕,加载完后再进行下一步的操作,这里找到了几个方法来实现判断: var iframe = document.createElement("iframe"); iframe.src =...
  • 判断一个Iframe是否完全加载

    千次阅读 2011-11-18 15:55:45
    一般来说,完美判断一个... 第一种:该方法和判断Javascript文件是否被加载完相似。下面是代码: var iframe = document.createElement("iframe"); iframe.src = http://home.trusit.net/Pages/Default.aspx; if
  • 原文地址:js中如何控制所有页面加载完成后,再执行某些方法作者...这时候就要知道如何判断页面(包括IFRAME)已经加载完成,代码如下: language="javascript">   document.onreadystatechange = statechange;   fu
  • webbrower里面,每次打开一个页面,里面有多个iframe,那么navigated和completed会执行多次,如何让它只在最后正规页面加载完再执行一次completed事件呢?经过研究总结,下面有三种可以实现判断
  •  一 、页面加载顺序:一般先加载完父页面才会去加载子页面,所以:必须要确保在iframe加载完成后再进行操作,如果iframe还未加载完成就开始调用里面的方法或变量,会产生错误。判断iframe是否加载完成有两种方法: ...
  • js操作跨域iframe

    2014-01-02 15:44:00
    我给Iframe 加了runat="server" 后台怎么获取加载完的 hmtl代码或元素值 我觉得可以先从父页面用js操控iframe里面的html,在父页面拿到值后自己处理,只是你的iframe页里面是js生成的,时机判断好做好 注册一...
  • 使用 iframe 可以轻易的调用其他网站的页面,但应谨慎使用。...这会让浏览器的载入进度指示器完成,用户依据此判断页面是否已经加载完。而 onload 事件延迟,会让用户感觉页面变慢。 window 的 onloa
  • 有一个问题是使用IFrame...但是Iframe的页面还没有加载完就会出现“对象不支持此属性或方法”的错误 我们可以这样写 functionf_isIframeLoadComplete()//判断Iframe是否加载完成{returnwindow.frames["iframe1"]....
  • }) 框架打开后设置地址到一个空页面就可以避免这个提示但有个问题 就是设置src后会触发load事件,会导致循环加载所以需要设置一个参数 等触发正常事件后 做一个标记load判断一下 代码如下:$(“iframe[name=hi]...
  • 我们使用a标签直接跳转第三方页面。首先在查看第三方网站的...查看原文后,手机物理回退到上一页的时候首先判断是否含有localStorage,有就直接展示缓存的数据,没有就重新加载列表,在这里展示缓存数据后就要把loc
  • <div><p>最近在做React 图片懒加载的,原本以为比较简单,轻轻松松就能搞定,结果碰到了一系列的问题,可谓是一波三折,不过经过这次折腾,对图片懒加载及相关的实现有了更深刻...

空空如也

空空如也

1 2
收藏数 31
精华内容 12
关键字:

判断iframe加载完