1. 程式人生 > >通過js隱藏ifarme子頁面裡的部分元素

通過js隱藏ifarme子頁面裡的部分元素

最近專案頁面使用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方法

不然就會報獲取不到元素的錯誤