iframe显示问题

我在一个页面中使用iframe来执行QQ分享的操作,属于跨域。iframe放在一个div里,一开始我设置div 的display为none。有一个分享按钮,点击后div 的display为block。在这个div里还有一个button,点击这个button实现隐藏iframe,就是设置之前外层div 的display为none。可是现在的问题是,我点了关闭按钮,iframe消失后,我再点分享按钮时,出现的iframe里面是空白的,但是从firebug里面看出,iframe里面的东西其实在页面上,不知道是被盖住了还是根本没有加载进去

iteye_5246
iteye_5246 上个代码呗
7 年多之前 回复

4个回答

不要用display:none,我在项目里也有类似的遭遇,后来是用下面的方式解决的,隐藏iframe用width:0; height:0; 显示用width:100%; height:100%; 不知道是不是浏览器的bug,只要用了display:none; iframe显示就会有问题

document.frames('iframe_id').location.reload();
加上这句,重新加载一次。
我也遇到过这种情况,链接地址如下:
http://dead-knight.iteye.com/blog/351138

貌似
document.frames('iframe_id').src="";这样也可以吧

iteye_5246
iteye_5246 加时间戳了吧。 src="***.jsp?s"+new Date();在你在点击分享的时候隐藏。如果 那个iframe的页面是你开发的话,那就简单了。document.frames('iframe_id').src=""; 可以传参数什么的。如果不是那就做2个页面一个嵌入qq分享一个不嵌入。分享,和取消分享调用不同的方法 其中src这块能单独访问是一个html或jsp。等于每次都加载一次返回一个页面。
7 年多之前 回复
fengqingyundan56
风轻云淡1200 这个试过了,不行
7 年多之前 回复

最简单的办法
1、点击这个button实现隐藏iframe 删除iframe
2、我再点分享按钮时 重新创建iframe dom

jinnianshilongnian
jinnianshilongnian <iframe id="a" src="http://sishuok.com"> </iframe> <input type="button" value="删除iframe" onclick="var iframe = document.getElementById('a'); iframe.parentNode.removeChild(iframe);">
7 年多之前 回复
fengqingyundan56
风轻云淡1200 怎么删除iframe
7 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐