无刷新切换iframe的页面

vingoo · 发表于 2016-2-1 06:04:03

[HTML] 纯文本查看 复制代码

<html xml:lang="zh-cn">
<HEAD>
<meta charset="utf-8" />
<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>

		自动登录	找回密码
密码			免费注册

[Html] 无刷新切换iframe的页面