设为首页收藏本站关注微信<<< 抵制 IE6 人人有责 >>>
搜索
热搜: 活动 交友 discuz
查看: 1571|回复: 0

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

[复制链接]
发表于 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>

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|手机版|Archiver|源于生活(个人生活娱乐工作的笔记)css3,html5,学习笔记    

GMT+8, 2024-3-28 16:50 , Processed in 0.093600 second(s), 26 queries .

Powered by Mr.Kevin-ying

© 2004-2015

快速回复 返回顶部 返回列表