摘要:簡單介紹標簽,所有的瀏覽器都支持標簽,元素會創建包含另外一個文檔的內聯框架即行內框架。通常我們常用的標簽的屬性有的寬度的高度顯示框架周圍的邊框中顯示的文檔的。
簡單介紹iframe標簽,所有的瀏覽器都支持
那么如何使用js來獲取iframe頁面內的對象呢,以及反過來說內嵌的iframe頁面又該如何得到父級頁面的對象?
注意地方:需要在服務器下運行
父級頁面須保證頁面內容加載完畢,即js獲取iframe頁面內容需要在window.onload中寫
相關方法:1.父級頁面獲取iframe頁面中的元素對象(關鍵contentWindow):
document.getElementById(iframe的id).contentWindow.document.getElementById(iframe頁面元素id)
2.iframe頁面獲取父級頁面的元素對象(關鍵window.parent):
window.parent.document.getElementById(父級頁面的元素id)
代碼示例:說明:父級頁面test.html,iframe子級頁面:iframe.html
test.html
Document 父級頁面
iframe.html
Document 子級頁面
在服務器下打開test.html文件,chrome瀏覽器測試結果:
iframe.html先獲取到它的父級頁面test.html的h1元素的內容“父級頁面”,并輸出在控制臺;
然后到text.html頁面獲取iframe.html中的h1元素的內容“子級頁面”,并輸出在控制臺。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/80833.html
摘要:注意事項該屬性返回窗口中所有命名的框架。跨域未跨主域嘗試。所以有人把叫一級域名這是錯誤的。報錯圖兼容性監聽方可以獲得父級對象必須是同域檢查的發送頁面的源。四路由變化以及前進后退。 探索Iframe 本文目的: Iframe簡單使用 Iframe跨域 Iframe常見問題 一.Iframe基本Dom以及常用屬性和常用事件 1.DOM: 2.常用屬性: 和平時使用的DOM標簽類似,...
摘要:注意事項該屬性返回窗口中所有命名的框架。跨域未跨主域嘗試。所以有人把叫一級域名這是錯誤的。報錯圖兼容性監聽方可以獲得父級對象必須是同域檢查的發送頁面的源。四路由變化以及前進后退。 探索Iframe 本文目的: Iframe簡單使用 Iframe跨域 Iframe常見問題 一.Iframe基本Dom以及常用屬性和常用事件 1.DOM: 2.常用屬性: 和平時使用的DOM標簽類似,...
摘要:由于該項目是基于原本的安卓,做的微信,所以原來的使用的頁面現在需要在中實現,那就是使用查看了很多很多文檔,其中這一篇是很有價值的下面將天的爬坑最終以問答的方式總結如下組件中如何引入如何獲取對象以及內的對象如何向內傳送信息內如何向外部發送信息 由于該項目是基于原本的安卓app,做的微信h5,所以原來的使用webview的頁面現在需要在vue中實現,那就是使用iframe查看了很多很多文檔...
摘要:四通過跨域一個頁面嵌入一個外域的頁面雖然兩個窗體之前能獲取彼此的對象,但是卻拿不到上的屬性和方法,例如一個頁面嵌入一個的我是父窗體的方法嵌入的窗體跟的域名不同,很明顯是跨域的,雖然能獲取到對象,但是拿不到頁面的任何方法和屬性。 js跨域是指通過js在不同域之間進行相互通信或者數據傳輸,只要協議,域名,端口號其中有一個不同,就是跨域。下面總結一下我了解到的常用的跨域方法。 一:通過jso...
閱讀 2779·2023-04-26 01:47
閱讀 3591·2023-04-25 23:45
閱讀 2461·2021-10-13 09:39
閱讀 606·2021-10-09 09:44
閱讀 1789·2021-09-22 15:59
閱讀 2761·2021-09-13 10:33
閱讀 1706·2021-09-03 10:30
閱讀 656·2019-08-30 15:53