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

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

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

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

為啥世上會有這么多不同的瀏覽器？每次遇到j(luò)s/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取值結(jié)果為:" + ff);
  }
  else
  {
    var ie = document.frames["frame1"].document.getElementById("txt1").value;
    alert("ie取值結(jié)果為:" + ie);
  }
}
</script>

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

您可能感興趣的文章:

相關(guān)文章

JavaScript代碼實現(xiàn)微博批量取消關(guān)注功能
這篇文章主要介紹了JavaScript代碼實現(xiàn)微博批量取消關(guān)注功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-02-02
利用JavaScript為句子加標題的3種方法示例
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript為句子加標題的3種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-01-01
JavaScript對象的創(chuàng)建模式與繼承模式示例講解
繼承機制是面向?qū)ο蟪绦蛟O(shè)計使代碼可以復(fù)用的最重要的手段，它允許程序員在保持原有的特性基礎(chǔ)上進行擴展，增加功能，這樣產(chǎn)生新的類，稱作是派生類。繼承呈現(xiàn)了面向?qū)ο蟪绦蛟O(shè)計的層析結(jié)構(gòu)，體現(xiàn)了由簡單到復(fù)雜的認知過程。繼承是類設(shè)計層次的復(fù)用
2022-12-12
JS異步處理的進化史深入講解
這篇文章主要給大家介紹了關(guān)于JS異步處理的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-08-08
基于JavaScript實現(xiàn)仿京東圖片輪播效果
這篇文章主要介紹了基于JavaScript實現(xiàn)仿京東圖片輪播效果，代碼簡單易懂，需要的小伙伴參考下吧
2015-11-11
跟我學習javascript解決異步編程異常方案
跟我學習javascript解決異步編程異常方案，感興趣的小伙伴們可以參考一下
2015-11-11
js使用swiper實現(xiàn)層疊輪播效果實例代碼
這篇文章主要給大家介紹了關(guān)于js使用swiper實現(xiàn)層疊輪播效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2018-12-12
layer.confirm取消按鈕綁定事件的方法
今天小編就為大家分享一篇layer.confirm取消按鈕綁定事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
微信小程序仿今日頭條導航欄滾動解析
這篇文章主要介紹了微信小程序仿今日頭條導航欄滾動解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-08-08
js中訪問html中iframe的文檔對象的代碼[IE6,IE7,IE8,FF]
W3C的標準告訴我們，可以通過Dom對象的contentDocument屬性來返回文檔對象。
2011-01-01