ホームページ > 記事 > ウェブフロントエンド > iframe フレーム値を実装する js メソッド (IE、Firefox、Chrome などと互換性あり)_JavaScript スキル
iframe フレーム値を実装する js メソッド (IE、Firefox、Chrome などと互換性あり)_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 15:29:441060ブラウズ
この記事の例では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 プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。