Eine Erklärung, wie man Iframe an die Höhe anpasst

Warum müssen Sie die adaptive iframe-Höhe verwenden? Tatsächlich dient es nur der Schönheit, da sonst der Iframe und das Fenster in Länge und Größe unterschiedlich sind, was immer unangenehm aussieht, insbesondere für diejenigen von uns, die Programmierer sind, es wird sich wie ein Kloß im Hals anfühlen . Nachdem eine andere Seite über einen Iframe in die Seite eingebettet wurde, wie kann sich dieser Bereich der Seite dann automatisch an die Höhe des Iframes anpassen, ohne dass die Bildlaufleisten nach oben, unten, links und rechts beschissen sind? Die folgende Methode besteht darin, hochadaptive Iframes zu verwenden. Diese ist mit allen Browsern wie IE, Firefox, Chrome, Opera und Safari kompatibel. Der spezifische js-Code lautet wie folgt: >

function dyniframesize(down){
var Sys={};
var ua=navigator.userAgent.toLowerCase();
var s;
(s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]:
(s=ua.match(/firefox\/([\d.]+)/))?Sys.firefox=s[1]:
(s=ua.match(/chrome\/([\d.]+)/))?Sys.chrome=s[1]:
(s=ua.match(/opera.([\d.]+)/))?Sys.opera=s[1]:
(s=ua.match(/version\/([\d.]+).*safari/))?Sys.safari=s[1]:0;
var pTar=null;
if (document.getElementById){
pTar=document.getElementById(down);
}else{
eval('pTar='+down+';');
}
pTar.style.display="block";
if (Sys.ie){
if(Sys.ie=='9.0'){
pTar.height=pTar.contentWindow.document.body.offsetHeight+15+"px";
pTar.width=pTar.contentWindow.document.body.scrollWidth+"px";
}else if(Sys.ie=='8.0'){
pTar.height=pTar.Document.body.offsetHeight+15+"px";
pTar.width=pTar.Document.body.scrollWidth+"px";
}else{
pTar.height=pTar.Document.body.scrollHeight+25+"px";
pTar.width=pTar.Document.body.scrollWidth+"px";
}
}
if (Sys.firefox){
pTar.height=pTar.contentDocument.body.offsetHeight+15+"px";
pTar.width=pTar.contentDocument.body.scrollWidth+"px";
}
if (Sys.chrome){
pTar.height=pTar.contentDocument.body.offsetHeight;
pTar.width=pTar.contentDocument.body.scrollWidth;
}
if (Sys.opera){
pTar.height=pTar.contentDocument.body.offsetHeight;
pTar.width=pTar.contentDocument.body.scrollWidth;
}
if (Sys.safari){        
if(pTar.contentDocument.body.offsetHeight <= &#39;186&#39;){
pTar.height=pTar.contentDocument.body.offsetHeight+10;
}else{
pTar.height=pTar.contentDocument.body.offsetHeight;
}
pTar.width=pTar.contentDocument.body.scrollWidth;
}
}

Die spezifische Verwendungsmethode ist wie folgt (legen Sie die Höhe des Iframes mit id=phpernote fest, um sie an die Höhe des Inhalts im Iframe anzupassen):

<iframe marginwidth="0" framespacing="0" marginheight="0" frameborder="0" border="0" width="620px"
 style="border:0px;background:#FFF;max-height:245px;
" scrolling="no" src="http://www.phpernote.com/comm/page/218167" id="phpernote" onload="javascript:dyniframesize(&#39;phpernote&#39;);">
</iframe>

Im vorherigen In diesem Artikel haben wir die Verwendung von

Iframe-Attributen vorgestellt. In diesem Artikel erfahren Sie weiterhin, wie Sie die adaptive Höhe von Iframes verbessern. Ich hoffe, dass diese beiden Artikel Ihnen ein tieferes Verständnis der Iframe-Tags vermitteln.

Verwandte Empfehlungen:

So verwenden Sie das Iframe-Attribut

Detaillierte Erläuterung der gegenseitigen Kommunikation zwischen Haupt- und Iframe in PHP

PHP-Formulardatei-Iframe-Asynchron-Upload-Tutorial erklärt

Hinweise zum Teilen von Iframe-Tags

Eine praktische Zusammenfassung der Verwendung von HTML-Iframe

Das obige ist der detaillierte Inhalt vonEine Erklärung, wie man Iframe an die Höhe anpasst. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!