iframe隐藏html元素

html-css014

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

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

"display:none","visiblity:hidden"和"opacity:0"。

display是控制显示方式,none表示不显示。

visibility是控制可见性,hidden表示隐藏。

opacity是透明度,0表示完全透明。