suchen

Heim  >  Artikel  >  Web-Frontend  >  js-Methode zum Implementieren des Iframe-Frame-Werts (kompatibel mit IE, Firefox, Chrome usw.)_Javascript-Kenntnisse

js-Methode zum Implementieren des Iframe-Frame-Werts (kompatibel mit IE, Firefox, Chrome usw.)_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:29:441062Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode zur Realisierung des Iframe-Frame-Werts in js. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Warum gibt es so viele verschiedene Browser auf der Welt? Jedes Mal, wenn ich auf Browser-Kompatibilitätsprobleme mit js/css stoße, seufze ich so. Ich hoffe wirklich, dass alle diese Browser-Unternehmen fallen und nur eines übrig bleibt (das ist natürlich ein unmöglicher Wunsch). Kommen wir zurück zum Punkt Schauen Sie sich den Code an:

Seite im Iframe: 

<html>
<head>
  <title>框架内页</title>
</head>
<body>
  <div>
    <input id="txt1" name="txt1" type="text" value="测试" />
  </div>
</body>
</html>

Elternklasse: 

<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>

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Bootstrap-Schaltflächen müssen Sie jeden Tag erlernen_Javascript-KenntnisseNächster Artikel：Bootstrap-Schaltflächen müssen Sie jeden Tag erlernen_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen