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
Lösen Sie das Problem der unsicheren Docker x509-Registrierung
Nach der Installation von Docker trat beim Versuc...
Tipps zum Organisieren von Zeichenfolgen in Linux
Bei Linux-Operationen ersetzen und zählen wir häu...
JavaScript realisiert Lupen-Spezialeffekte
Der zu erzielende Effekt: Wenn die Maus auf das k...
Detailliertes Tutorial zum Ausführen von Selenium+Chromedriver auf dem Server
1. Einleitung Ich möchte Selenium verwenden, um D...
Detaillierte Erklärung der Funktion und Verwendung der KeepAlive-Komponente in Vue
Vorwort Während des Vorstellungsgesprächs erwähne...
Detaillierte Erklärung des EXPLAIN-Befehls und seiner Verwendung in MySQL
1. Szenariobeschreibung: Mein Kollege hat mir gez...
Implementierungscode der Front-End-HTML-Skin-Änderungsfunktion
50 Zeilen Code zum Ändern von 5 Hautfarben, einsc...
Tutorial zur Installation von MongoDB unter Linux
MongoDB ist plattformübergreifend und kann sowohl...
Analyse des allgemeinen MySQL-Abfrageprotokolls und des langsamen Abfrageprotokolls
Die Protokolle in MySQL umfassen: Fehlerprotokoll...
CSS löst das Problem der Front-End-Bildverformung perfekt
Ich habe in der Toutiao IT School einen Artikel g...
Bei einer guten Refaktorierung geht es nicht nur um die Refaktorisierung des Codes, sondern auch um die Refaktorisierung des Lebens.
Es ist wirklich nicht einfach, eine gute Rekonstr...
Einführung in die MySQL-Methode zum Löschen von Tabellendaten mit Fremdschlüsseleinschränkungen
Beim Löschen einer Tabelle oder eines Datenelemen...
mysql 5.7.5 m15 winx64.zip Installations-Tutorial
So installieren und konfigurieren Sie mysql-5.7.5...
Die jQuery + Swiper-Komponente realisiert den Umschalteffekt der gleitenden Jahresregisterkarte in der Zeitleiste
Ergebnis: Implementierungscode: Muss mit der Swip...
Detaillierte Erklärung zur Verwendung von Vue zum Laden von Wetterkomponenten
In diesem Artikel erfahren Sie, wie Sie mit Vue W...