iframe隐藏html元素

iframe html :

<iframe name="processResultMsg" width="100%" height="65%"

id="processResultMsg" src="/${msgPath}" frameborder="no"

scrolling="no" style="overflow: hidden">您的浏览器不支持iframe，请升级</iframe>

子页面中要隐藏的标签:

<div class="formBar" >

......blabla......

</div>

javascript:

$('#processResultMsg').load(function() {

$(window.frames["processResultMsg"].document).find(".formBar").hide()

})

很重要的一点就是$('#processResultMsg').load(function() {})

就是说一定要在iframe加载完之后才能执行js方法

不然就会报获取不到元素的错误

display:none，更改元素显示方式为不显示元素；

visibility:hidden，元素不可见；

overflow:hidden，溢出包含框隐藏；

opacity:0,更改元素透明度；

Query,hide()方法，隐藏，fadeOut()淡出隐藏；

background:transparent,背景透明显示；

可以使用localStorage。

当隐藏的时候设置缓存，如：localStorage.setItem('isHideAgree',"1")

页面初始化时获取指定缓存，判断是否隐藏，是执行隐藏代码。简单代码如下，具体可根据自己情况扩展

---