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

Zusammenfassung der 7 Fallstricke bei der Verwendung von React

Inhaltsverzeichnis 1. Komponentenaufblähung 2. Än...

Das WeChat-Applet implementiert eine einfache Taschenrechnerfunktion

In diesem Artikel wird der spezifische Code für d...

Drei Möglichkeiten zum Sperren und Entsperren von Benutzerkonten in Linux

Wenn in Ihrer Organisation bereits eine Kennwortr...

So erstellen Sie einen MySQL PXC-Cluster

Inhaltsverzeichnis 1. Einführung in PXC 1.1 Einfü...

Lösen Sie das Problem des Mac Docker x509-Zertifikats

Frage Kürzlich musste ich mich bei einem privaten...

Definition und Verwendung des MySQL-Cursors

Erstellen eines Cursors Erstellen Sie zunächst ei...

Ausführliche Erklärung dieses Schlüsselworts in JavaScript

Inhaltsverzeichnis 1. Einleitung 2. Verstehen Sie...

JavaScript-Grundlagen: Fehlererfassungsmechanismus

Inhaltsverzeichnis Vorwort Error-Objekt werfen ve...

Tiefgreifendes Verständnis der Rolle von Vuex

Inhaltsverzeichnis Überblick So teilen Sie Daten ...

Das Submit-Ereignis des Formulars reagiert nicht

1. Problembeschreibung <br />Wenn JS verwen...

Implementierung von TypeScript im React-Projekt

Inhaltsverzeichnis 1. Einleitung 2. Nutzung Zusta...

Detaillierte Schritte zur Dateisteuerungsverwaltung für Linux-Konten

Im Linux-System gibt es neben den verschiedenen, ...