javascript 獲取iframe里頁(yè)面中元素值的方法
IE方法：
document.frames['myFrame'].document.getElementById('test').value;
火狐方法：
document.getElementById('myFrame').contentWindow.document.getElementById('test').value;
IE、火狐方法：
function getValue(){
var tmp = '';
if(document.frames){
tmp += 'ie哥說(shuō)：';
tmp += document.frames['myFrame'].document.getElementById('test').value;
}else{
tmp = document.getElementById('myFrame').contentWindow.document.getElementById('test').value;
}
alert(tmp);
}
示例代碼：
a.html頁(yè)面中的代碼
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
javascript 獲取iframe里頁(yè)面中元素的值 測(cè)試
</title>
</head>
<body>
<iframe id="myFrame" src='b.html' style="width:300px;height: 50px;"></iframe>
<input type="button" id="btn" onclick="getValue()" value="test" >
<script type="text/javascript">
function getValue(){
var tmp = '';
if(document.frames){
tmp += 'ie哥說(shuō)：';
tmp += document.frames['myFrame'].document.getElementById('test').value;
}else{
tmp = document.getElementById('myFrame').contentWindow.document.getElementById('test').value;
}
alert(tmp);
}
</script>
</body>
</html>
b.html頁(yè)面中的代碼
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
我是 iframe內(nèi)的頁(yè)面
</title>
</head>
<body>
<input type='text' id="test" value='歡迎訪(fǎng)問(wèn)：justflyhigh.com'>
</body>
</html>
相關(guān)文章
javascript中SetInterval與setTimeout的定時(shí)器用法
Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛，它們都用來(lái)處理延時(shí)和定時(shí)任務(wù)，比如打開(kāi)網(wǎng)頁(yè)一段時(shí)間后彈出一個(gè)登錄框，頁(yè)面每隔一段時(shí)間發(fā)送異步請(qǐng)求獲取最新數(shù)據(jù)等，本文文章通過(guò)代碼示例給大家介紹javascript中SetInterval與setTimeout的定時(shí)器用法2015-08-08
javaScript中push函數(shù)用法實(shí)例分析
這篇文章主要介紹了javaScript中push函數(shù)用法,較為詳細(xì)的分析了javascript中push函數(shù)的功能、定義及使用技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家介紹了uniapp movable-area應(yīng)用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
這篇文章主要為大家詳細(xì)介紹了js仿QQ郵箱收件人選擇與搜索功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
自動(dòng)更新作用...2006-10-10
3款實(shí)用的在線(xiàn)JS代碼工具(國(guó)外)
本文為大家推薦3款非常實(shí)用的在線(xiàn)JS代碼工具，可以幫助你方便地處理JavaScript或jQuery代碼2012-03-03
比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋
比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋...2007-08-08
編寫(xiě)針對(duì)IE的JS代碼兩種編寫(xiě)方法
有些時(shí)候我們需要針對(duì)某些IE下的兼容性寫(xiě)單獨(dú)的JS處理代碼,這只是簡(jiǎn)簡(jiǎn)單單為了兼容行啊，有多種方法可以實(shí)現(xiàn)，小編整理了一下，感興趣的朋友可以了解下，或許對(duì)你有所幫助2013-01-01
微信小程序云開(kāi)發(fā)修改云數(shù)據(jù)庫(kù)中的數(shù)據(jù)方法
這篇文章主要介紹了微信小程序云開(kāi)發(fā)修改云數(shù)據(jù)庫(kù)中的數(shù)據(jù)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
javascript深拷貝的原理與實(shí)現(xiàn)方法分析
這篇文章主要介紹了javascript深拷貝的原理與實(shí)現(xiàn)方法,簡(jiǎn)單分析了值傳遞和引用傳遞的原理與實(shí)現(xiàn)方法,并結(jié)合實(shí)例形式給出了深拷貝的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04