JavaScript-Methode zur Implementierung der Rahmenhöhenänderung mit content_javascript-Kenntnissen

Das Beispiel in diesem Artikel beschreibt die Methode, mit JavaScript die Höhe des Rahmens mit dem Inhalt zu ändern. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Es gibt zwei Methoden:

1. Wechseln Sie über die übergeordnete Seite

Hier müssen wir die beiden Attribute des Frameworks verstehen, contentWindow und contentDocument. Die Bedeutung dieser beiden Attribute ähnelt der von window document. Der Unterschied besteht darin, dass contentWindow von allen Browsern unterstützt wird, contentDocument jedoch nicht dh6 und 7, noch ist Chrome.

<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;
  //改变
}

Zweitens durch inhaltliche Veränderungen

Fahren Sie mit der Inhaltsseite fort

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

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.