iframe隐藏html元素

html-css012

iframe隐藏html元素,第1张

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方法

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

可以使用localStorage。

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

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