recherche

Maison  >  Article  >  interface Web  >  js pour implémenter la valeur du cadre iframe (compatible avec IE, Firefox, Chrome, etc.)_compétences javascript

js pour implémenter la valeur du cadre iframe (compatible avec IE, Firefox, Chrome, etc.)_compétences javascript

WBOY
WBOYoriginal
2016-05-16 15:29:441060parcourir

L'exemple de cet article décrit la méthode de réalisation de la valeur du cadre iframe en js. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Pourquoi y a-t-il autant de navigateurs différents dans le monde ? Chaque fois que je rencontre des problèmes de compatibilité des navigateurs avec js/css, je soupire toujours comme ça. J'espère vraiment que toutes ces sociétés de navigateurs tomberont et qu'il n'en restera qu'une (c'est évidemment un souhait impossible), revenons au fait, revenons au sujet. regarde le code :

Page à l'intérieur de l'iframe : 

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

Classe parent : 

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

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Boutons Bootstrap que vous devez apprendre tous les jours_compétences JavascriptArticle suivant：Boutons Bootstrap que vous devez apprendre tous les jours_compétences Javascript

Articles Liés

Voir plus