Techniken zur Wiederverwendung von HTML
|
HTML-Wiederverwendung ist ein Begriff, der selten erwähnt wird. Heute werde ich dieses Thema wie folgt zusammenfassen: In älteren Browserversionen unterstützen HTML-Dokumente keine Verschachtelung. Um HTML-Code wiederzuverwenden, gibt es zwei Hauptansätze, die auf serverseitigen und clientseitigen Implementierungen basieren: 1. Serverseitige Implementierung a. Verwenden Sie SSI, die übliche shtml-Datei. b. Schließen Sie Klassenanweisungen von ASP, PHP usw., Vorlagenseiten und Benutzersteuerelemente von ASP.NET ein. 2. Implementieren Sie auf der Clientseite a. Verwenden Sie das JavaScript-Clientskript a1. Sie können eine JS-Methode im Onload-Ereignis des HTML-Dokuments auslösen, ein Seitenelement als Container in der Methode finden und einen HTML-Code im Container ausgeben (Sie können eine Zeichenfolge definieren, um den auszugebenden HTML-Codeausschnitt zu speichern, z. B.: var str="<p>Hallo Welt!</p>";). a2. Verwenden Sie Skriptregistrierungsblöcke wie <script type="text/javascript" src="Default3.aspx"></script> auf der Seite (Default3.aspx kann hier auch eine JS-Skriptdatei oder eine andere serverseitige Ausgabe sein, die das JS-Format implementiert) und verwenden Sie die Methode document.write in der implementierten Skriptdatei, um den wiederzuverwendenden HTML-Code auszudrucken. a3. Mit AJAX implementiert. Diese Methode weist einen Fehler auf: Einige Client-Browser unterstützen standardmäßig keine Ajax-Cross-Site-Calls. b. Iframe verwenden Die Wahl zwischen beiden: In den meisten Fällen ist die serverseitige Implementierung vorzuziehen, es sei denn, die clientseitige Implementierung wird auf einigen statischen Seiten oder in besonderen Fällen verwendet. Weitere Referenzen: http://ask-leo.com/wie_füge_ich_eine_HTML-Datei_in_eine_andere_ein.html http://www.boutell.com/newfaq/creating/include.html http://blog.csdn.net/omohe/archive/2007/10/28/1850766.aspx |
<<: Miniprogramm Benutzerdefinierte TabBar-Komponentenkapselung
>>: Grundkenntnisse im Website-Design: Neulinge lesen bitte dies
Artikel empfehlen
Detaillierte Erläuterung der Nginx-Statusüberwachung und Protokollanalyse
1. Nginx-Statusüberwachung Nginx bietet eine inte...
So exportieren und importieren Sie SQL-Dateien unter einem Linux-Befehl
Dieser Artikel beschreibt, wie Sie SQL-Dateien mi...
So erstellen Sie eine automatisierte Bereitstellungsumgebung für Docker, Jenkins und Node.js von Grund auf
Dieser Fall basiert auf dem CentOS 7-System Geeig...
Schritte zum Importieren von Millionen von Daten in MySQL mit .Net Core
Inhaltsverzeichnis Vorbereitende Vorbereitung Imp...
Lösung für viele Zeilenumbrüche und Wagenrückläufe in MySQL-Daten
Inhaltsverzeichnis Finden Sie das Problem 1. So e...
MySQL slow_log-Tabelle kann nicht in InnoDB-Engine geändert werden – detaillierte Erklärung
Hintergrund Das Abrufen des langsamen Abfrageprot...
Lösung für das Problem, dass Eingaben im Formular nicht übermittelt werden können, wenn diese deaktiviert sind
Ich habe vorher ein Testprogramm geschrieben, in d...
Detaillierte Erläuterung der kombinierten MySQL-Indexmethode
Für jedes DBMS sind die Indizes der wichtigste Op...
Nexus verwendet Nginx-Proxy zur Unterstützung des HTTPS-Protokolls
Hintergrund Alle Unternehmenswebsites müssen das ...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15
In diesem Artikel werden die Installations- und K...
Eine bunte Katze unter Linux
Freunde, die das Linux-System verwendet haben, mü...
Vue-Router erlaubt keine Navigation zum aktuellen Standort (/Pfad) Fehlerursachen und -behebungen
Inhaltsverzeichnis Fehlermeldung Ursache Fehlerde...
Funktionsprinzip und Beispielanalyse des Linux-NFS-Mechanismus
Was ist NFS? Netzwerkdateisystem Eine Methode ode...
Ein kurzer Vortrag über JavaScript Sandbox
Vorwort: Apropos Sandboxen: Wir denken vielleicht...
Detaillierte Erläuterung der kleinen Zustandsverwaltung basierend auf React Hooks
Inhaltsverzeichnis Implementierung der Statusfrei...