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

Vue implementiert Video-Upload-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

Grundlegendes Tutorial zum WeChat-Miniprogramm: Verwendung von Echart

Vorwort Schauen wir uns zunächst den Endeffekt an...

JavaScript-Plugin-Kapselung für Tabellenwechsel

In diesem Artikel wird der Kapselungscode von Jav...

Detaillierte Erklärung zum CSS-Randkollaps

Vorherige Das ist eine klassische alte Frage. Da ...

Vue implementiert Bildverifizierungscode beim Anmelden

In diesem Artikelbeispiel wird der spezifische Co...

JS verwendet die Methode „reduce()“, um Baumstrukturdaten zu verarbeiten

Inhaltsverzeichnis Definition Grammatik Beispiele...

Auswahl und Überlegungen zur MySQL-Datensicherungsmethode

Inhaltsverzeichnis 1. rsync, cp Dateien kopieren ...

Unterschied zwischen MySQL-Update-Set und und

Inhaltsverzeichnis Problembeschreibung Ursachenan...