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
Freigeben: 2016-05-16 16:13:43
Original
1264 Leute haben es durchsucht

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 -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>
Nach dem Login kopieren

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

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