Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 15:29:44
Original
1057 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage