Heim >Web-Frontend >js-Tutorial >js-Methode zur Realisierung der automatischen adaptiven Höhe von iframe_javascript-Fähigkeiten

js-Methode zur Realisierung der automatischen adaptiven Höhe von iframe_javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 16:13:431294Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode zur Realisierung der automatischen adaptiven Höhe von Iframe in js. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Beim Schreiben von Webseiten ist es häufig erforderlich, die Iframe-Höhe automatisch zu skalieren. Wenn eine Liste in den Iframe eingebettet ist, wird die Iframe-Höhe nach dem Hinzufügen von Daten und dem Aktualisieren der Liste automatisch erweitert. Nach dem Löschen der Daten sollte die Iframe-Höhe automatisch gekürzt werden.

Kopieren Sie den nächsten Codeabschnitt auf die HTML- oder JSP-Seite, auf der sich der Iframe befindet. Rufen Sie diese Funktion einfach nach dem 73a6ac4ed44ffec12cee46588e518a5e-Tag auf.

<script type="text/javascript">
  autoAdjustWindow();
</script>
<script type="text/javascript">
//自动调整iframe的高度,自适应树的展开和收缩
function autoAdjustWindow(){ 
  try{ 
    window.frameElement.height=document.body.scrollHeight;
    window.frameElement.parentElement.height=document.body.scrollHeight;
    window.frameElement.width=document.body.scrollWidth;
   window.frameElement.parentElement.width=document.body.scrollWidth; 
  }catch(e){
 
  }
}
</script>

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

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