ホームページ > ウェブフロントエンド > jsチュートリアル > iframe フレーム値を実装する js メソッド (IE、Firefox、Chrome などと互換性あり)_JavaScript スキル

iframe フレーム値を実装する js メソッド (IE、Firefox、Chrome などと互換性あり)_JavaScript スキル

WBOY
リリース: 2016-05-16 15:29:44
オリジナル
1074 人が閲覧しました

この記事の例ではiframeのフレーム値をjsで実現する方法を説明しています。参考のために皆さんと共有してください。詳細は次のとおりです:

世界にはなぜこれほど多くの異なるブラウザがあるのでしょうか? js/css のブラウザー互換性の問題に遭遇するたびに、私はいつもこのようにため息をつきます。これらのブラウザー企業がすべて倒産して、1 社だけが残ることを心から願っています (明らかにこれは不可能な願いです)。本題に戻りましょう。コードを見てください:

iframe 内のページ:

<html>
<head>
  <title>框架内页</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 プログラミングのすべての人に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート