页面刷新与 iframe 重载
2014-03-31 21:01
309 查看
众所周知,有用到浮动框架标签 iframe 的页面,在刷新的时候都是比较诡异的。不知道的人可能以为它只是刷新 iframe 里面的内容,其实 iframe 外面它也是会刷新的。我用 alert() 在 iframe 外面测试过。不过,它却不刷新 iframe 的 src 。
我想要的效果是,页面刷新后,iframe 里面的内容也回复到页面第一次加载的时候,就是 iframe 的 src 变回最初的状态。然后,我在页面的底端加了一句下面的代码(因为等页面加载完了再执行,所以放在页面底端):
document.getElementById("mainFrame").src = "call/index.html";
然后,它有时候有反应,有时候没反应。妹妹的,搞了半天都没有找到解决方法,后来我一抽风一手贱,我把上面那句代码复制了一份,如下:
document.getElementById("mainFrame").src = "call/index.html";
document.getElementById("mainFrame").src = "call/index.html"; //尼玛的,我加到两句,就没事了
然后,它就听话了……
## 2014/5/13 来订正
我现在发现上面的说法好像不对,可是之前的情况明明是那样的:刷新不会重载src。现在却会了,就是说现在是真的刷新了,不用加下面这两句了也行的
之前是不是电脑傻了啊,真相是怎么样的啊?
## 一个小时后
我发现真相啦,啦啦啦。
前面说的 src 不重载,应该是火狐浏览器的问题,不是到是不是bug。不知道别人家的电脑会不会这样
我想要的效果是,页面刷新后,iframe 里面的内容也回复到页面第一次加载的时候,就是 iframe 的 src 变回最初的状态。然后,我在页面的底端加了一句下面的代码(因为等页面加载完了再执行,所以放在页面底端):
document.getElementById("mainFrame").src = "call/index.html";
然后,它有时候有反应,有时候没反应。妹妹的,搞了半天都没有找到解决方法,后来我一抽风一手贱,我把上面那句代码复制了一份,如下:
document.getElementById("mainFrame").src = "call/index.html";
document.getElementById("mainFrame").src = "call/index.html"; //尼玛的,我加到两句,就没事了
然后,它就听话了……
## 2014/5/13 来订正
我现在发现上面的说法好像不对,可是之前的情况明明是那样的:刷新不会重载src。现在却会了,就是说现在是真的刷新了,不用加下面这两句了也行的
document.getElementById("mainFrame").src = "call/index.html"; document.getElementById("mainFrame").src = "call/index.html"; //尼玛的,我加到两句,就没事了
之前是不是电脑傻了啊,真相是怎么样的啊?
## 一个小时后
我发现真相啦,啦啦啦。
前面说的 src 不重载,应该是火狐浏览器的问题,不是到是不是bug。不知道别人家的电脑会不会这样
相关文章推荐
- JQuery与iframe交互实现代码
- 用expression的一行代码解决iframe挂马的问题
- Firefox返回时Iframe的显示Bug的解决方法
- smarty巧妙处理iframe中内容页的代码
- 一行代码解决网站防挂IFRAME木马方案,小鸽子序列(灵儿)
- asp.net 文件上传与刷新与asp.net页面与iframe之间的数据传输
- div层跨越iframe帧显示在上面的解决方法附代码
- JS中Iframe之间传值的方法
- JS是否可以跨文件同时控制多个iframe页面的应用技巧
- 对frameset、frame、iframe的js操作示例代码
- javascript IFrame 强制刷新代码
- js跨域问题之跨域iframe自适应大小实现代码
- 动态生成的IFRAME,设置SRC时的,不同位置带来的影响
- js操作iframe的一些方法介绍
- jquery iframe操作详细解析
- jquery 操作iframe的几种方法总结
- Jquery中获取iframe的代码
- 用iframe margin实现调用其他网页的某一区域的方法
- Jquery取得iframe下内容的方法
- 基于jquery的兼容各种浏览器的iframe自适应高度的脚本