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

Natives JS zur Implementierung eines Dropdown-Menüs

Dropdown-Menüs sind auch im wirklichen Leben weit...

mysql drei Tabellen verbunden, um eine Ansicht zu erstellen

Drei Tabellen sind miteinander verbunden. Feld a ...

Erstellen Sie eine virtuelle Umgebung mit venv in Python3 in Ubuntu

1. Virtuelle Umgebung folgt dem Projekt, erstelle...

Fallbeispiel zur TypeScript-Schnittstellendefinition

Die Rolle der Schnittstelle: Schnittstelle, auf E...

Detaillierte Erläuterung des Vue Router Routing Guard

Inhaltsverzeichnis 1. Global vor jedem 1. Global ...

So verwenden Sie Docker zum Erstellen eines privaten pypi-Repositorys

1. Konstruktion 1. Bereiten Sie die Datei htpassw...

Einführung in die Verwendung von Ankern (benannte Anker) in HTML-Webseiten

Die folgenden Informationen sind aus dem Internet ...

Detaillierte Erklärung des einfachen Stores von Vue

Die einfachste Store-Anwendung in Vue ist die glo...

So verwenden Sie Verbindungen der Physik-Engine in CocosCreator

Inhaltsverzeichnis Mausgelenk Mausgelenk AbstandG...