js實現(xiàn)iframe框架取值的方法(兼容IE,firefox,chrome等)

更新時間：2015年11月26日 15:28:13 作者：Jimmy.Yang

這篇文章主要介紹了js實現(xiàn)iframe框架取值的方法,可兼容IE,firefox,chrome等瀏覽器.涉及JavaScript針對框架元素取值的相關技巧,需要的朋友可以參考下

本文實例講述了js實現(xiàn)iframe框架取值的方法。分享給大家供大家參考，具體如下：

為啥世上會有這么多不同的瀏覽器？每次遇到js/css的瀏覽器兼容性問題，總是要發(fā)出這樣的感嘆，真希望這些個瀏覽器公司全部倒下，然后只留下一家(顯然這是一個不可能實現(xiàn)的美好愿望)，言歸正傳，看代碼吧:

iframe框架內(nèi)頁：

<html>
<head>
  <title>框架內(nèi)頁</title>
</head>
<body>
  <div>
    <input id="txt1" name="txt1" type="text" value="測試" />
  </div>
</body>
</html>

父級類：

<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取值結果為:" + ff);
  }
  else
  {
    var ie = document.frames["frame1"].document.getElementById("txt1").value;
    alert("ie取值結果為:" + ie);
  }
}
</script>

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

常見的JavaScript內(nèi)存錯誤及解決方法
這篇文章主要介紹了常見的JavaScript內(nèi)存錯誤,JavaScript?不提供任何內(nèi)存管理操作。相反，內(nèi)存由?JavaScript?VM?通過內(nèi)存回收過程管理，該過程稱為垃圾收集。下面我們就來看看下面文章對JavaScript內(nèi)存錯誤的各種舉例說明吧
2021-12-12
Svelte反應式變量和函數(shù)工作原理詳解
這篇文章主要為大家介紹了Svelte反應式變量和函數(shù)工作原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-12-12
詳解webpack分離css單獨打包
這篇文章主要介紹了詳解webpack分離css單獨打包，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
JS操作select下拉框動態(tài)變動(創(chuàng)建/刪除/獲取)
動態(tài)創(chuàng)建及刪除select、添加及刪除選項option、獲得選項option的值、獲得選項option的文本等等，感興趣的朋友可以參考下哈
2013-06-06
Bootstrap Table從服務器加載數(shù)據(jù)進行顯示的實現(xiàn)方法
Bootstrap-Table是一個Boostrap的表格插件，能夠?qū)SON數(shù)據(jù)直接顯示在表格中。接下來通過本文給大家分享Bootstrap Table從服務器加載數(shù)據(jù)進行顯示的實現(xiàn)方法，感興趣的朋友一起看看吧
2016-09-09
js實現(xiàn)炫酷的煙花效果
這篇文章主要為大家詳細介紹了js實現(xiàn)炫酷的煙花效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
js實現(xiàn)百度聯(lián)盟中一款不錯的圖片切換效果完整實例
這篇文章主要介紹了js實現(xiàn)百度聯(lián)盟中一款不錯的圖片切換效果的方法,以完整實例形式分析了javascript操作圖片切換的技巧,需要的朋友可以參考下
2015-03-03
HTML5+Canvas調(diào)用手機拍照功能實現(xiàn)圖片上傳（下）
這篇文章主要為大家詳細介紹了HTML5+Canvas調(diào)用手機拍照功能實現(xiàn)圖片上傳，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
Bootstrap復選框和單選按鈕美化插件(推薦)
這篇文章主要介紹了Bootstrap復選框和單選按鈕美化插件的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-11-11
（兼容ff/ie）td點擊背景變色特效
（兼容ff/ie）td點擊背景變色特效...
2007-08-08