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