Méthode JavaScript pour implémenter le changement de hauteur de cadre avec les compétences content_javascript

L'exemple de cet article décrit la méthode d'utilisation de JavaScript pour modifier la hauteur du cadre avec le contenu. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Il existe deux méthodes :

1. Changer via la page parent

Ici, nous devons comprendre les deux attributs du framework, contentWindow et contentDocument. La signification de ces deux attributs est similaire à celle du document window. La différence est que contentWindow est pris en charge par tous les navigateurs, mais contentDocument n'est pas pris en charge par. ie6 et 7, et chrome non plus.

<iframe onload="change_height()"></iframe>
function change_height(){
  var iframe=document.getElementById("iframe_id");
  //取得框架元素
  var i_height=iframe.contentWindow.document.body.scrollHeight||iframe.contentWindow.document.documentElement.scrollHeight;
  //取得框架内容的高度
  iframe.height=i_height;
  //改变
}

Deuxièmement, grâce aux changements de contenu

Procéder sur la page de contenu

window.onload=function(){
  var iframe=parent.document.getElementById("iframe_id");
  //取得框架元素
  iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;
  //取得框架内容的高度并改变
}

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.