源于生活

标题: 无刷新切换iframe的页面 [打印本页]

作者: vingoo    时间: 2016-2-1 06:04
标题: 无刷新切换iframe的页面
[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>






欢迎光临 源于生活 (http://bbs.vingoo.info/) Powered by Discuz! X3.1