Zusammenfassung der Methoden zum Einbinden von Dateiinhalten in HTML-Dateien

Zusammenfassung der Methoden zum Einbinden von Dateiinhalten in HTML-Dateien

Im Forum fragen Internetnutzer oft: „Kann ich den Inhalt einer anderen HTML-Datei in einer HTML-Datei lesen?“ Die Antwort lautet ja, und es gibt mehr als eine Möglichkeit. Früher habe ich nur iframe zum Referenzieren verwendet, später habe ich mehrere andere Methoden gefunden. Heute werde ich diese Methoden zu Ihrer Information zusammenfassen. Ich denke, die dritte Methode ist besser!

Mehrere Möglichkeiten, andere HTML-Dateien in HTML-Dateien einzufügen

1.IFrame-Einführung, sehen Sie sich den folgenden Code an


Code kopieren
Der Code lautet wie folgt:

<IFRAME NAME="content_frame" Breite=100% Höhe=40 Randbreite=0 Randhöhe=0 SRC="import.htm" ></IFRAME>

Sie sehen eine extern importierte Datei, aber Sie werden so etwas wie einen äußeren Rahmen um sie herum finden. Sie können verwenden


Code kopieren
Der Code lautet wie folgt:

<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=40 src="import.htm" frameborder=0></iframe>

Sie werden jedoch feststellen, dass es immer noch ein Problem gibt, nämlich die Hintergrundfarbe ist unterschiedlich. Sie können einfach die gleiche Hintergrundfarbe in der importierten Datei import.htm verwenden, aber wenn Sie

Wenn Sie IE5.5 verwenden, können Sie diesen Artikel über transparente Farben lesen. Wenn Sie eine lange Datei ohne Bildlaufleisten importieren möchten, fügen Sie Folgendes zum Hauptteil von import.htm hinzu:

Geben Sie scroll=no ein

*Nachteile: Navigationssprünge sind nicht möglich, Sprünge innerhalb des Iframes, es kommt zu Inhaltsüberlappungen

2.<Objekt>-Methode


Code kopieren
Der Code lautet wie folgt:

<Objekt Stil="Rand:0px" Typ="Text/x-Scriptlet" Daten="import.htm" Breite=100% Höhe=30></Objekt>

Objekt-Tag – definiert ein eingebettetes Objekt (z. B. Bild, Medium, Code usw.)

* Es entspricht nicht dem Konzept des Standard-Webdesigns und wurde vom Standard-Webdesign aufgegeben.

3.Verhaltens-Download-Methode


Code kopieren
Der Code lautet wie folgt:

<span id=showImport></span>
<IE:Download ID="oDownload" STYLE="Verhalten:URL(#Standard#Download)" />
<Skript>
Funktion beiDownloadDone(downDate){
showImport.innerHTML=downDate
}
oDownload.startDownload('import.htm',onDownloadDone)
</Skript>

<<:  So implementieren Sie abgerundete Ecken mit CSS3 unter Verwendung von JS

>>:  Reiner CSS-Code zum Erzielen von Fluss und dynamischen Linieneffekten

Artikel empfehlen

Die 10 klassischen Optimierungsfälle und -szenarien von MySQL

Inhaltsverzeichnis 1. Allgemeine Schritte zur SQL...

HTML (CSS-Stilspezifikation) muss lauten

CSS-Stilspezifikationen 1. Klassenauswahl 2. Tag-...

Analyse der MySQL-Transaktionsmerkmale und Ebenenprinzipien

1. Was ist eine Transaktion? Eine Datenbanktransa...

Zusammenfassung verschiedener Übermittlungsmethoden für HTML-Formulare

Die gebräuchlichste, am häufigsten verwendete und ...

Vue implementiert Paging-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

Detailliertes Beispiel zum Erstellen und Löschen von Tabellen in MySQL

Der Befehl zur Tabellenerstellung erfordert: Der...

So definieren Sie Eingabetyp=Dateistil

Warum die Dateisteuerung verschönern? Stellen Sie ...

So ändern Sie den Standardspeicherort von Docker-Images (Lösung)

Aufgrund der anfänglichen Partitionierung des Sys...