So verwenden Sie das iframe-Attribut-HTML-Tutorial-php.cn

So verwenden Sie das iframe-Attribut

小云云

Freigeben： 2017-11-17 09:15:54

Original

3423 Leute haben es durchsucht

Wenn wir HTML in den frühen Stadien lernen, werden wir auf den Attributwert von iframe stoßen. Tatsächlich ist iframe ein sehr interessantes Tag. Jetzt werde ich mit jüngeren Schülern darüber sprechen. Die Funktion des HTML-Iframe-Tags besteht darin, einen Inline-Frame (d. h. Inline-Frame) zu erstellen, der ein anderes Dokument enthält. Laienhaft ausgedrückt besteht es darin, eine andere HTML-Seite in eine HTML-Seite einzubetten. Diese Bezeichnung ist relativ häufig und in der Praxis wichtig. Beispielsweise werden iFrames grundsätzlich im Hintergrund allgemeiner Webprojekte verwendet. Wenn wir uns bei verschiedenen Postfächern anmelden, sehen wir häufig den Effekt, wenn wir auf den Link auf der rechten Seite klicken und zur Webseite wechseln über iframe.

Alle Browser unterstützen Iframe-Tags, daher gibt es keine Kompatibilitätsprobleme.

Die häufigere Verwendung von iframe ist wie folgt:

<iframe name="main" width="100%" height="200" frameborder="0" scrolling="no" src="http://www.phpernote.com/"></iframe>

Nach dem Login kopieren

Die Parameter im obigen Code müssen entsprechend der tatsächlichen Situation geändert werden. Hier sind einige der häufigeren Attribute von iframe.

name Legen Sie den Namen des Iframes fest.

longdesc In Bezug auf die Beschreibung von Iframe unterstützt dieses Attribut grundsätzlich keine aktuellen Mainstream-Browser, sodass keine Notwendigkeit besteht,

border zu verwenden um den iframe festzulegen. Die Breite des Randes

bordercolor legt die Farbe des iframe-Rahmens fest. Der Wert kann eine RGB-Farbe oder ein Farbname sein.

frameboder legt fest, ob der Rand 3- ist. dimensional (0=nein, 1=ja)

height legt die Höhe des Iframes fest (verfügbarer Pixelwert oder Prozentsatz)

width legt die Breite des Iframes fest (verfügbarer Pixelwert oder Prozentsatz)

marginheight definiert den oberen und unteren Rand des Iframe-Rands

marginwidth definiert den linken und rechten Rand des Iframes

Scrollen, ob eine Bildlaufleiste vorhanden ist (mögliche Werte). sind ja, nein, automatisch)

src angegebene Dateien, die von iframe aufgerufen werden (können Dateien zitieren wie: html, htm, gif, jpeg, jpg, png, txt, *.*)

noresize verbietet die Größenänderung. Dies unterstützt nur IE-Kernbrowser

allowtransparency Gibt an, ob Transparenz zugelassen werden soll. IE5.5 beginnt mit der Unterstützung der Inhaltstransparenz von Floating Frames. Wenn Sie transparente Inhalte für einen schwebenden Rahmen definieren möchten, müssen die folgenden Bedingungen erfüllt sein.

1. Das mit Iframe-Elementen verwendete Tag-Attribut „allowTransparency“ muss auf „true“ gesetzt sein.

2. Im Iframe-Inhaltsquelldokument muss das bgColor-Tag-Attribut des Hintergrundfarbe- oder Body-Elements auf transparent gesetzt sein.

Beispiele sind wie folgt:
(1) Code der übergeordneten Frame-Seite

<body bgColor="#eeeeee">     
<iframe allowTransparency="true" src="phpernote.html" noresize></iframe>

Nach dem Login kopieren

(2) Code der untergeordneten Frame-Seite (d. h. phpernote.html-Seitencode)

<body bgColor="transparent">

Nach dem Login kopieren

3. Geben Sie das ID-Attribut des Iframes an und ermitteln Sie die Höhe und Breite der Iframe-Bildlaufleiste

<iframe id="phpernote" src="www.phpernote.com"></iframe>    
<script type="text/javascript">    
var iframe=document.getElementById(&#39;phpernote&#39;);    
document.write(iframe.scrollHeight);//滚动条高度    
document.write(iframe.scrollWidth);//滚动条宽度    
</script>

Nach dem Login kopieren

Ich hoffe, Sie können es verstehen Ich werde Ihnen auch einige Informationen über die hochadaptive Einstellungsmethode von iframe zur Verfügung stellen.

Verwandte Empfehlungen:

Einführung in domänenübergreifende gegenseitige Zugriffsmethoden zwischen Iframe und Hauptframe

Iframe-Unterseite, übergeordnete Seite intra- Beispiel für domänen- und domänenübergreifende Kommunikation

Was sind die Unterschiede zwischen Frame und Iframe in HTML

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das iframe-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!