欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

iframe——在父iframe中清空子iframe的内容

程序员文章站 2022-06-10 10:58:47
...

摘要:

在父iframe中通过点击事件,清空子iframe页面的内容。


解决办法:

<script>
window.onload=function(){
    var obj=window.frames["iframe的name"];
    obj.document.body.innerHTML = html;//html为你想要的内容
}
</script>

例子:

 父iframe的jsp内容

<button class="clear">清空子iframe内容</button>
<div class="right">
    	<iframe  id = "mainFrame"  name="mainFrame" width="100%" height="100%" scrolling="yes" frameborder = "0" src="test/iframe.jsp">

    	</iframe>
    </div>

 子iframe的jsp内容
<p>待清空的内容</p>


 父iframe的相关事件

$(".clear").click(function(){
   
    //mainFrame是子iframe的name
    var obj=window.frames["mainFrame"];
    obj.document.body.innerHTML = ""; 

});

这样,当点击父页面的清空button时,就会清空子iframe的内容


如果有书写错误的地方,或者是有问题的地方请及时评论或者是私信,以免误导个别萌新。
虽然,我也是个萌新。

你好,我叫吕小布