文档章节

页面中存在iframe时刷新页面的问题

苗雨顺
 苗雨顺
发布于 2012/09/01 22:18
字数 699
阅读 4683
收藏 3

近期在开发中遇到一个很奇怪的问题:HTML页面中有个iframe,初始情况下是空的,当点击特定按钮后iframe会加载特定页面。

但很快就发现有点问题了:当iframe加载了特定页面后,此时只要按F5刷新页面,iframe仍然会显示刚刚加载过的页面,而不是初始化时的空页面。

但更奇怪的事是:同样的HTML代码,只要把文件名改为php(其他动态语言脚本没有试过)就不会出现上面的问题,

另外如果使得Ctrl+F5强制刷新,不管是html和php也都没有发生上面的问题。

示例代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE></TITLE>
   <script type="text/javascript">
 var initFrame = function(){
	test.location='http://www.baidu.com';
 };
 var clearFrame = function(){
	test.location='about:blank';
 };
 </script>
 </HEAD>
 <BODY>
 <pre> 说明:
 刚开始iframe并没有内容,点击加载后才有内容
 但此时刷新下页面,iframe内仍然会显示加载后的内容
 而不是空内容,这时需要增加清除iframe内容的代码来解决此问题
 但时在php程序中,此情况不会发生,刷新页面时iframe内容显示为空 </pre>
 <iframe name="test" src="" width=100% height="300px" border=0></iframe>
 <div>
	<a href="javascript:initFrame()">加载iframe</a>
	<a href="javascript:location=location">刷新页面</a>
	<a href="javascript:clearFrame()">清空iframe</a>
 </div>
  <script>
  //clearFrame();
  </script>
 </BODY>
</HTML>

为此我做了多次试验,总结出结论如下:

文件类型\刷新方式 F5 Ctrl+F5

JS

location=location

location.replace(location)

JS

location.reload

history.go(0)

HTML 异常 正常 正常 异常
PHP 正常 正常 正常 异常


测试环境:Win7 64bit IE9/Firefox14

结论:

1、相同的代码,动态脚本和静态HTML执行结果还是有差异的

2、页面中嵌套iframe在进行页面可能会有”缓存“(不知道用这个词是否合适)

3、JS不同刷新页面的方式会有不同效果,类似location=location的方式类相当于强制刷新,iframe里的内容也会初始化;类似location.reload的方式并不会初始化iframe里的内容,iframe内会保持之前的状态。

要想让以上所有的方式都不会有iframe显示异常的情况也很好办,只要增加一段 js初始化iframe的代码就可以了

上面示例代码中

//clearFrame();
这一行前面的注释去掉即可。

 

另外,iframe也会有其他一些烦人的问题如:iframe内打开链接问题、跳转异常问题、JS问题等

所以很多时候iframe并不是一个好的方案,最后劝大家一句:iframe有风险,使用前请谨慎。

原创内容,转载请注明出处

http://blog.csdn.net/rainday0310/article/details/7933280

© 著作权归作者所有

苗雨顺
粉丝 15
博文 31
码字总数 12536
作品 0
东城
程序员
私信 提问
iframe刷新问题

有一个jsp页面a.jsp 页面中有一个查询按钮(功能已实现),还有一个iframe 第一次载入页面时 iframe中的页面LneView.jsp显示正常,点击查询按钮后,查询结果出来了,iframe的页面变成了404 T...

liu奇峰
2012/08/02
1K
0
Ajax局部页面刷新和history

原文地址(可能需要翻墙) ajax在现代网站已经得到非常普遍地应用,主要的好处大家都知道(异步加载数据,不用刷新整个浏览器,更小的数据传输尺寸)。对于那些老网站或者老项目来说全盘改造...

jarchan
2014/12/17
4.6K
0
.net c# 提交包含文件file 的form表单 获得文件的Stream流

1.前台html代码 要写一个有id的form,可是不能有runat="server"属性。由于一个页面中,有这个属性的form表单仅仅能有一个。 再要有一个有name的iframe,要设置它的样式为不显示。即display为n...

技术mix呢
2017/11/09
0
0
applet与extjs2中tabpanel的问题

我使用extjs2的tablpanel做切换页面,每个tab里是iframe,iframe加载着applet做的上传控件 当其中一个页面的控件上传时,切换到其他tab,再切回来,发现页面里其他html表单属性没有刷新,app...

脆爽哥
2016/11/17
86
1
跳出iframe框架页。Session过期--超级简单哦!

web开发中经常会有这种情况,在一个主页面中包含侧边导航菜单和iframe,点击菜单项, 对应页面会在iframe中显示,整个页面不会刷新。 但是如 果设置了会话Session,在会话过期后再操作会自动r...

小帅帅丶
2014/08/28
935
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Cloud Alibaba 实战(二) - 关于Spring Boot你不可不知道的实情

0 相关源码 1 什么是Spring Boot 一个快速开发的脚手架 作用 快速创建独立的、生产级的基于Spring的应用程序 特性 无需部署WAR文件 提供starter简化配置 尽可能自动配置Spring以及第三方库 ...

JavaEdge
今天
7
0
TensorFlow 机器学习秘籍中文第二版(初稿)

TensorFlow 入门 介绍 TensorFlow 如何工作 声明变量和张量 使用占位符和变量 使用矩阵 声明操作符 实现激活函数 使用数据源 其他资源 TensorFlow 的方式 介绍 计算图中的操作 对嵌套操作分层...

ApacheCN_飞龙
今天
7
0
五、Java设计模式之迪米特原则

定义:一个对象应该对其他对象保持最小的了解,又叫最小知道原则 尽量降低类与类之间的耦合 优点:降低类之间的耦合 强调只和朋友交流,不和陌生人说话 朋友:出现在成员变量、方法的输入、输...

东风破2019
昨天
23
0
jvm虚拟机结构

1:jvm可操作数据类型分为原始类型和引用类型,因此存在原始值和引用值被应用在赋值,参数,返回和运算操作中,jvm希望在运行时 明确变量的类型,即编译器编译成class文件需要对变量进行类型...

xpp_ba
昨天
5
0
聊聊nacos Service的processClientBeat

序 本文主要研究一下nacos Service的processClientBeat Service.processClientBeat nacos-1.1.3/naming/src/main/java/com/alibaba/nacos/naming/core/Service.java public class Service ex......

go4it
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部