-
jq判断iframe是否加载完
2019-07-18 21:20:27jq判断iframe是否加载完 没加载显示转动菊花,加载完显示页面 代码如下 $("#detail iframe").load(function() { //加载完隐藏转动菊花的操作 });jq判断iframe是否加载完
没加载显示转动菊花,加载完显示页面代码如下
$("#detail iframe").load(function() {
//加载完隐藏转动菊花的操作
}); -
jq怎么判断iframe是否加载完
2019-09-08 21:03:31问题:帖子列表是ajax请求,一次性加载10条数据,采用超链接跳转详情页之后,再返回主页面,主页面的帖子列表需要重新请求,如果说用户已经看到第五页的帖子,点击详情,再次返回主页面时,帖子只会请求显示第一页...需要的效果如下:
原文链接 原文链接
贴吧类型的主页面,希望点击下面的帖子就可以看到帖子详情页,然后点击帖子上的返回按钮可以返回到点前浏览的地方。主页面如下:
问题:帖子列表是ajax请求,一次性加载10条数据,采用超链接跳转详情页之后,再返回主页面,主页面的帖子列表需要重新请求,如果说用户已经看到第五页的帖子,点击详情,再次返回主页面时,帖子只会请求显示第一页数据,这样用户需要在再加载4次数据才能找到自己浏览的那个位置,用户体验太差了。寻找解决方法用iframe。实现效果如下:点击帖子链接,页面出现菊花,表示在请求详情页的数据
数据加载完后,菊花隐藏,显示帖子详情,效果如下
点击详情页的返回按钮,主页面的所有数据均在,并且显示在用户刚浏览的那条数据的位置。关键性代码如下:
$("#detail iframe").load(function() {
//加载完隐藏转动菊花的操作
});主要思路:
其实代码并不难,关键是思路。 主页面的显示和隐藏,以及用到了锚点链接。第一步,主页面和详情页功能已完成
第二步:分别将主页代码和iframe用section标签包裹起来
第三步,给帖子列表添加点击事件
ps,需要和自己定义的参数一样
这样,点击帖子列表就会显示菊花,加载完后显示详情页
第四步,返回主页操作
这个用起来很简单,但是需要思路清晰,用jq来控制页面元素的显示和隐藏,如果问题没有得到解决,可以加我扣扣1913284695 ,当然还有其他的方法,比如get请求也可以实现 -
判断iframe是否加载完的完美方法
2011-03-24 09:21:00一般来说,我们判断 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 提供了一个新的判断方法(很完美):
几点补充说明:
- IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册。
- 第二种方法比第一种方法更完美,因为 readystatechange 事件相对于 load 事件有一些潜在的问题。
-
iframe是否加载完判断
2011-09-23 16:47:53iframe加载判断,兼容firefox和iefunction eggs_callback() { if(window.frames['jx_egg_iframe']==null){ }else{ var state=window.frameiframe加载判断,兼容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); } } }
-
判断 iframe 是否加载完毕
2015-07-21 14:18:34方法一、jQuery load() Js代码 //根据id获取iframe ...//利用jQuery来判断iframe是否已经加载完毕 $(frm).load(function(){//等iframe加载完毕 //这里就是ifram加载完后做的事情 }); 方法二 -
iframe js 加载失败_基于JS判断iframe是否加载成功的方法(多种浏览器)
2020-12-29 08:41:55这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面:ie浏览器IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内... -
JS判断Iframe是否加载完毕
2017-02-07 14:21:57//判断exportFrame业务是否加载完,并关闭遮罩层 var exportFrame = document.getElementById("exportFrame"); //获取iframe exportFrame.onreadystatechange = function(){ if(exportFrame.readyState == ... -
js判断iframe是否加载成功
2014-05-20 14:01:49这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在el -
JS判断iframe是否加载成功
2014-05-07 15:24:18这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在el -
基于JS判断iframe是否加载成功的方法(多种浏览器)
2020-11-25 23:30:58这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的... -
JS判断Iframe是否加载完成
2012-01-16 10:49:00一般来说,完美判断一个...第一种:该方法和判断Javascript文件是否被加载完相似。下面是代码: var iframe = document.createElement("iframe");iframe.src = http://home.trusit.net/Pages/Default.aspx;i... -
判断iframe页面是否加载完成
2016-07-20 16:06:00if(frames("appIframe").document.readyState!="complete"){ alert("页面未加载完,请稍等!"); event.returnValue=false; return; } 转载于:https://www.cnblogs.com/yx007/p/5... -
加载框架判断iframe框架是否加载完成的方法
2013-05-07 21:46:40最近在一个项目顶用到了iframe框架,要需断判框架中的档文是不是加载终了,加载完后再进行下一步的作操,这里找到了几个方法来现实断判: var iframe = document.createElement("iframe"); iframe.src -
判断iframe框架是否加载完成的方法
2013-05-29 22:58:00最近在一个项目中用到了iframe框架,需要判断框架中的文档是否加载完毕,加载完后再进行下一步的操作,这里找到了几个方法来实现判断: var iframe = document.createElement("iframe"); iframe.src = ... -
判断iframe框架是否加载完成的方法
2013-05-28 22:57:30最近在一个项目中用到了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中如何控制所有页面加载完…
2014-08-07 13:22:23原文地址:js中如何控制所有页面加载完成后,再执行某些方法作者...这时候就要知道如何判断页面(包括IFRAME)已经加载完成,代码如下: language="javascript"> document.onreadystatechange = statechange; fu -
如何判断C# webbrower页面是否加载完毕方法
2015-01-16 16:49:19webbrower里面,每次打开一个页面,里面有多个iframe,那么navigated和completed会执行多次,如何让它只在最后正规页面加载完再执行一次completed事件呢?经过研究总结,下面有三种可以实现判断: -
js之iframe父、子页面通信
2017-11-27 00:32:00一 、页面加载顺序:一般先加载完父页面才会去加载子页面,所以:必须要确保在iframe加载完成后再进行操作,如果iframe还未加载完成就开始调用里面的方法或变量,会产生错误。判断iframe是否加载完成有两种方法: ... -
js操作跨域iframe
2014-01-02 15:44:00我给Iframe 加了runat="server" 后台怎么获取加载完的 hmtl代码或元素值 我觉得可以先从父页面用js操控iframe里面的html,在父页面拿到值后自己处理,只是你的iframe页里面是js生成的,时机判断好做好 注册一... -
HTML网页制作教程 谨慎使用iframe标记
2021-01-21 13:28:16使用 iframe 可以轻易的调用其他网站的页面,但应谨慎使用。...这会让浏览器的载入进度指示器完成,用户依据此判断页面是否已经加载完。而 onload 事件延迟,会让用户感觉页面变慢。 window 的 onloa -
使用Iframe时要注意的一个问题
2007-07-26 13:01:00有一个问题是使用IFrame...但是Iframe的页面还没有加载完就会出现“对象不支持此属性或方法”的错误 我们可以这样写 functionf_isIframeLoadComplete()//判断Iframe是否加载完成{returnwindow.frames["iframe1"].... -
firefox下jquery iframe刷新页面提示会导致重复之前动作
2020-12-02 19:13:27}) 框架打开后设置地址到一个空页面就可以避免这个提示但有个问题 就是设置src后会触发load事件,会导致循环加载所以需要设置一个参数 等触发完正常事件后 做一个标记load完后判断一下 代码如下:$(“iframe[name=hi]... -
uniapp H5端的web-view其实是被转为iframe运行 , 有些第三方网站加了同源限制,禁止iframe引入自己的网站...
2021-02-18 16:14:13我们使用a标签直接跳转第三方页面。首先在查看第三方网站的...查看原文后,手机物理回退到上一页的时候首先判断是否含有localStorage,有就直接展示缓存的数据,没有就重新加载列表,在这里展示完缓存数据后就要把loc -
React 图片懒加载库源码解析
2020-12-25 21:22:17<div><p>最近在做React 图片懒加载的,原本以为比较简单,轻轻松松就能搞定,结果碰到了一系列的问题,可谓是一波三折,不过经过这次折腾,对图片懒加载及相关的实现有了更深刻...