js中訪問html中iframe的文檔對(duì)象的代碼[IE6,IE7,IE8,FF]
更新時(shí)間：2011年01月08日 09:19:53 作者：
W3C的標(biāo)準(zhǔn)告訴我們，可以通過Dom對(duì)象的contentDocument屬性來返回文檔對(duì)象。
<iframe id= "myframe" ></iframe>
W3C的標(biāo)準(zhǔn)告訴我們，可以通過Dom對(duì)象的contentDocument屬性來返回文檔對(duì)象。
即
復(fù)制代碼 代碼如下:
doc= document.getElementById('myframe' ).contentDocument
但對(duì)IE瀏覽器來說，經(jīng)過測試，IE6，IE7都不支持，IE8開始支持了。
在IE下，需要這樣來訪問
復(fù)制代碼 代碼如下:
document.frames['myframe'].document;
跨瀏覽器的解決方案是，
contentWindow屬性，這是個(gè)只讀屬性，返回指定的iframe的窗口對(duì)象。
它雖然不是標(biāo)準(zhǔn)的一部分，但各個(gè)主流瀏覽器都支持。
所以跨瀏覽器訪問iframe文檔對(duì)象的方法是
復(fù)制代碼 代碼如下:
document.getElementById( 'myframe').contentWindow.document
您可能感興趣的文章:
- Vue 使用iframe引用html頁面實(shí)現(xiàn)vue和html頁面方法的調(diào)用操作
- Html中 IFrame的用法及注意點(diǎn)
- html判斷當(dāng)前頁面是否在iframe中的實(shí)例
- js取得html iframe中的元素和變量值
- 在Flex(Flash)中嵌入HTML代碼或頁面(Flex IFrame)
- 設(shè)置iframe的document.designMode后僅Firefox中其body.innerHTML為br
- 讓iframe自適應(yīng)高度（支持XHTML，支持FF）
- 讓iframe自適應(yīng)高度（支持xhtml）IE firefox兼容
- HTML iframe標(biāo)簽用法案例詳解
相關(guān)文章
下面小編就為大家分享一篇js 提取某()特殊字符串長度的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
js 效率組裝字符串,主要是利用了數(shù)組原理。2009-12-12
這篇文章主要為大家詳細(xì)介紹了js拖拽的原型聲明和用法總結(jié)，感興趣的朋友可以參考一下2016-04-04
extjs圖表繪制之條形圖實(shí)現(xiàn)方法分析
這篇文章主要介紹了extjs圖表繪制之條形圖實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了extjs繪制條形圖的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-03-03
這篇文章主要介紹了移動(dòng)端橫屏的JS代碼(beta) 的相關(guān)資料,需要的朋友可以參考下2016-05-05
在TypeScript中,我們可以使用Class來定義類,這使得我們能夠更加結(jié)構(gòu)化地組織代碼并使用面向?qū)ο蟮乃枷脒M(jìn)行開發(fā),本文小編將給大家詳細(xì)的總結(jié)一下TypeScript中Class類的基本語法,需要的朋友可以參考下2023-09-09
JavaScript 計(jì)算笛卡爾積實(shí)例詳解
這篇文章主要介紹了JavaScript 計(jì)算笛卡爾積實(shí)例詳解的相關(guān)資料,這里附有實(shí)例代碼，需要的朋友可以參考下2016-12-12
js 頁面刷新location.reload和location.replace的區(qū)別小結(jié)
在實(shí)際應(yīng)用的時(shí)候，重新刷新頁面的時(shí)候，我們通常使用： location.reload() 或者是 history.go(0) 來做。下面有一些相關(guān)的內(nèi)容，大家看完了就會(huì)有更多的收獲。2009-12-12
今天小編就為大家分享一篇解決layui 表單元素radio不顯示渲染的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
解決微信小程序調(diào)用moveToLocation失效問題【超簡單】
這篇文章主要介紹了解決微信小程序調(diào)用moveToLocation失效問題，解決方法超級(jí)簡單,需要的朋友可以參考下2019-04-04