js實(shí)現(xiàn)iframe框架取值的方法(兼容IE,firefox,chrome等)
本文實(shí)例講述了js實(shí)現(xiàn)iframe框架取值的方法。分享給大家供大家參考,具體如下:
為啥世上會(huì)有這么多不同的瀏覽器?每次遇到j(luò)s/css的瀏覽器兼容性問(wèn)題,總是要發(fā)出這樣的感嘆,真希望這些個(gè)瀏覽器公司全部倒下,然后只留下一家(顯然這是一個(gè)不可能實(shí)現(xiàn)的美好愿望),言歸正傳,看代碼吧:
iframe框架內(nèi)頁(yè):
<html> <head> <title>框架內(nèi)頁(yè)</title> </head> <body> <div> <input id="txt1" name="txt1" type="text" value="測(cè)試" /> </div> </body> </html>
父級(jí)類:
<iframe name="frame1" id="frame1" src="frm.html" frameborder="1" height="30"></iframe> <p> iframe1中文本框的值:</p> <p> <input type="button" name="Submit" value="getValue" onclick="getValue()" /> </p> <script type="text/javascript"> function getValue(){ var ofrm1 = document.getElementById("frame1").document; if (ofrm1==undefined) { ofrm1 = document.getElementById("frame1").contentWindow.document; var ff = ofrm1.getElementById("txt1").value; alert("firefox/chrome取值結(jié)果為:" + ff); } else { var ie = document.frames["frame1"].document.getElementById("txt1").value; alert("ie取值結(jié)果為:" + ie); } } </script>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 微信jssdk在iframe頁(yè)面失效問(wèn)題的解決措施
- JS動(dòng)態(tài)添加iframe的代碼
- iframe中子父類窗口調(diào)用JS的方法及注意事項(xiàng)
- js改變Iframe中Src的方法
- js實(shí)現(xiàn)刷新iframe的方法匯總
- JS動(dòng)態(tài)修改iframe內(nèi)嵌網(wǎng)頁(yè)地址的方法
- js實(shí)現(xiàn)iframe跨頁(yè)面調(diào)用函數(shù)的方法
- js中iframe調(diào)用父頁(yè)面的方法
- 禁止iframe頁(yè)面的所有js腳本如alert及彈出窗口等
- jquery、js調(diào)用iframe父窗口與子窗口元素的方法整理
- iframe子頁(yè)面與父頁(yè)面在同域或不同域下的js通信
- javascript中兼容主流瀏覽器的動(dòng)態(tài)生成iframe方法
- js調(diào)用iframe實(shí)現(xiàn)打印頁(yè)面內(nèi)容的方法
- 通過(guò)隱藏iframe實(shí)現(xiàn)文件下載的js方法介紹
- javascript 獲取iframe里頁(yè)面中元素值的方法
- Javascript iframe交互并兼容各種瀏覽器的解決方法
相關(guān)文章
JavaScript代碼實(shí)現(xiàn)微博批量取消關(guān)注功能
這篇文章主要介紹了JavaScript代碼實(shí)現(xiàn)微博批量取消關(guān)注功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-02-02利用JavaScript為句子加標(biāo)題的3種方法示例
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript為句子加標(biāo)題的3種方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01JavaScript對(duì)象的創(chuàng)建模式與繼承模式示例講解
繼承機(jī)制是面向?qū)ο蟪绦蛟O(shè)計(jì)使代碼可以復(fù)用的最重要的手段,它允許程序員在保持原有的特性基礎(chǔ)上進(jìn)行擴(kuò)展,增加功能,這樣產(chǎn)生新的類,稱作是派生類。繼承呈現(xiàn)了面向?qū)ο蟪绦蛟O(shè)計(jì)的層析結(jié)構(gòu),體現(xiàn)了由簡(jiǎn)單到復(fù)雜的認(rèn)知過(guò)程。繼承是類設(shè)計(jì)層次的復(fù)用2022-12-12基于JavaScript實(shí)現(xiàn)仿京東圖片輪播效果
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)仿京東圖片輪播效果,代碼簡(jiǎn)單易懂,需要的小伙伴參考下吧2015-11-11跟我學(xué)習(xí)javascript解決異步編程異常方案
跟我學(xué)習(xí)javascript解決異步編程異常方案,感興趣的小伙伴們可以參考一下2015-11-11js使用swiper實(shí)現(xiàn)層疊輪播效果實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于js使用swiper實(shí)現(xiàn)層疊輪播效果的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12js中訪問(wèn)html中iframe的文檔對(duì)象的代碼[IE6,IE7,IE8,FF]
W3C的標(biāo)準(zhǔn)告訴我們,可以通過(guò)Dom對(duì)象的contentDocument屬性來(lái)返回文檔對(duì)象。2011-01-01