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
JavaScript zum Erzielen eines Akkordeoneffekts
In diesem Artikel wird der spezifische Code für J...
Der Prozess der JDK-Installation und Konfiguration von Umgebungsvariablen unter WIN10 (detaillierte Version)
Inhaltsverzeichnis 1. Laden Sie JDK herunter (neh...
Warum kann mein Tomcat nicht starten?
Inhaltsverzeichnis Phänomen: Portnutzung: Rechtsc...
Zusammenfassung der wichtigsten Wissenspunkte zur MySQL-Abfrageoptimierung
Vorwort Abfrageoptimierung ist nichts, was über N...
Sie müssen wirklich die Verwendung von CSS-Variablen var() verstehen
Wenn ein Webprojekt immer größer wird, werden sei...
Lernen Sie die Vue-Middleware-Pipeline in einem Artikel kennen
Beim Erstellen eines SPA müssen Sie häufig bestim...
Detaillierte Installation und Konfiguration von hadoop2.7.2 unter Ubuntu15.10
Im Internet und in vielen Büchern gibt es viele T...
Tipps zur Verwendung kleiner HTML-Tags
Phrasenelemente wie <em></em> können d...
Tutorial zur Installation und Konfiguration der Linux CentOS MySQL-Datenbank
Hinweise zur Installation der MySQL-Datenbank, mi...
Analyse und Zusammenfassung der Auswirkungen von MySQL-Transaktionen auf die Effizienz
1. Datenbanktransaktionen verringern die Datenban...
Linux verwendet den Befehl scp, um Dateien auf den lokalen Computer zu kopieren und lokale Dateien auf den Remote-Server zu kopieren
Wie unten dargestellt: Kopieren Sie die Dateien d...
So installieren Sie JDK 13 in einer Linux-Umgebung mithilfe eines komprimierten Pakets
Was ist JDK? Nun, wenn Sie diese Frage nicht kenn...
So verwenden Sie Watch-Listener in Vue2 und Vue3
watch : auf Datenänderungen achten (Änderungserei...
In Webseiten eingebettetes Flash und Kompatibilitätsprobleme mit IE, FF und Maxthon
Nachdem ich viele Schwierigkeiten überwunden hatte...
Ungewöhnliche, aber nützliche Tags in Xhtml
Xhtml hat viele Tags, die nicht häufig verwendet w...