通過js隱藏ifarme子頁面裡的部分元素
阿新 • • 發佈:2019-01-29
最近專案頁面使用iframe 嵌入一個頁面
因為某些按鈕不必顯示故需隱藏
這個地方找到的方法比較多 這只是其中一個親測好用
所以趕快mark下來:
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" >
...
</div>
javascript:
$('#processResultMsg').load(function() {
$(window.frames["processResultMsg"].document).find(".formBar").hide()
})
很重要的一點就是$('#processResultMsg').load(function() {})
就是說一定要在iframe載入完之後才能執行js方法
不然就會報獲取不到元素的錯誤