Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie das iframe-Attribut
So verwenden Sie das iframe-Attribut
- 小云云Original
- 2017-11-17 09:15:543432Durchsuche
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>
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>
(2) Code der untergeordneten Frame-Seite (d. h. phpernote.html-Seitencode)
<body bgColor="transparent">
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('phpernote'); document.write(iframe.scrollHeight);//滚动条高度 document.write(iframe.scrollWidth);//滚动条宽度 </script>
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
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!