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