近期在开发中遇到一个很奇怪的问题：HTML页面中有个iframe，初始情况下是空的，当点击特定按钮后iframe会加载特定页面。
但很快就发现有点问题了：当iframe加载了特定页面后，此时只要按F5刷新页面，iframe仍然会显示刚刚加载过的页面，而不是初始化时的空页面。
但更奇怪的事是：同样的HTML代码，只要把文件名改为php（其他动态语言脚本没有试过）就不会出现上面的问题，
另外如果使得Ctrl+F5强制刷新，不管是html和php也都没有发生上面的问题。
示例代码：
[html] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
1.<HTML>
2. <HEAD>
3. <TITLE></TITLE>
4. <script type="text/javascript">
5. var initFrame = function(){
6. test.location='http://www.baidu.com';
7. };
8. var clearFrame = function(){
9. test.location='about:blank';
10. };
11. </script>
12. </HEAD>
13. <BODY>
14. <pre> 说明：
15. 刚开始iframe并没有内容，点击加载后才有内容
16. 但此时刷新下页面，iframe内仍然会显示加载后的内容
17. 而不是空内容，这时需要增加清除iframe内容的代码来解决此问题
18. 但时在php程序中，此情况不会发生，刷新页面时iframe内容显示为空 </pre>
19. <iframe name="test" src="" width=100% height="300px" border=0></iframe>
20. <div>
21. <a href="javascript:initFrame()">加载iframe</a>
22. <a href="javascript:location=location">刷新页面</a>
23. <a href="javascript:clearFrame()">清空iframe</a>
24. </div>
25. <script>
26. //clearFrame();
27. </script>
28. </BODY>
29.</HTML>
<!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的代码就可以了
上面示例代码中
[html]
//clearFrame();
//clearFrame();这一行前面的注释去掉即可。
另外，iframe也会有其他一些烦人的问题如：iframe内打开链接问题、跳转异常问题、JS问题等
所以很多时候iframe并不是一个好的方案，最后劝大家一句：iframe有风险，使用前请谨慎。
此文章由 http://www.ositren.com 收集整理 ,地址为:
http://www.ositren.com/htmls/67588.html