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
HTML Gewichtsverlust Optimieren Sie HTML-Tags zum Erstellen von Webseiten
HTML 4 HTML (nicht XHTML), MIME-Typ ist text/html...
Detaillierte Erklärung zur Synchronisierung von Daten von MySQL mit Elasticsearch
Inhaltsverzeichnis 1. Synchronisationsprinzip 2. ...
js Canvas realisiert Slider-Verifizierung
In diesem Artikelbeispiel wird der spezifische Co...
So verwenden Sie Navicat zum Exportieren und Importieren einer MySQL-Datenbank
MySql ist eine Datenquelle, die wir häufig verwen...
Tab-Effekte mit JS schreiben
In diesem Artikelbeispiel wird der spezifische Co...
Der Unterschied zwischen Hash-Modus und Verlaufsmodus im Vue-Router
vue-router hat zwei Modi Hash-Modus Verlaufsmodus...
Grafisches Tutorial zur Konfigurationsmethode für die Installationsversion von MySQL5.7.17 winx64 unter Windows Server 2008 R2
Installieren Sie mysql5.7 unter Win. Zu Ihrer Inf...
So installieren Sie Tomcat-8.5.39 auf centos7.6
So installieren Sie Tomcat-8.5.39 auf CentOS 7.6....
Win10 Installation von MySQL 5.7 MSI-Version des Tutorials mit Bildern und Text
Ich habe es im MSI-Format installiert, hauptsächl...
So konfigurieren Sie MySQL auf einem Ubuntu-Server und implementieren eine Remote-Verbindung
Server: Ubuntu Server 16.04 LSS Kunde: Ubuntu 16....
Der JavaScript-Artikel zeigt Ihnen, wie Sie mit Webformularen spielen
1. Einleitung Zuvor haben wir die schnelle Entwic...
Detaillierte Erklärung generischer Fälle in TypeScript
Definition von Generika // Anforderung 1: Generik...
Zusammenfassung der Linux-Benutzergruppen und -Berechtigungen
Benutzergruppen Unter Linux muss jeder Benutzer e...
Detaillierte Analyse des React Diff-Prinzips
Inhaltsverzeichnis Diffing-Algorithmus Schicht-fü...
So legen Sie den Standardwert eines MySQL-Felds fest
Inhaltsverzeichnis Vorwort: 1. Standardwertbezoge...