Wie verwende ich den HTML-Code in jeder HTML-Seite?

8

Sagen wir, ich habe den Code wie folgt:

%Vor%

Dies ist ein Popup-Dialogbeispiel. Nehmen wir an, ich möchte diesen Dialog auf allen meinen Webseiten verwenden (a.html, b.html, c.html und usw.), was ist der beste und einfachste Weg, um den obigen Code wiederverwendbar zu machen? Weil ich denke, dass das Kopieren von 'overlay_form' in jede HTML-Seite nicht sinnvoll ist.

Ich bin immer noch auf der Anfangsstufe in Javascript, also ist es zu schwer für mich, ein jQuery-Plugin dafür zu erstellen. Deshalb würde ich gerne nach anderen Wegen suchen. Danke.

    
GMsoF 06.04.2013, 14:59
quelle

4 Antworten

14

Sie könnten Ihren Code in eine andere .html -Datei schreiben und sie mit .load() Ссылка

laden %Vor%     
Spokey 06.04.2013, 15:05
quelle
3

Bewährte Methode Wenn Sie den Code mehrere Male erneut verwenden möchten, müssen Sie den gesamten jQuery-Code in eine externe .js -Datei einfügen, Ihr gesamtes CSS in ein externes Stylesheet einfügen und diese Dateien von jeder Seite referenzieren / p>

z. für das CSS in einer Datei namens style.css :

%Vor%

und für die jQuery in einer Datei namens jQueryFunctions.js :

%Vor%

Wenn es darum geht, denselben HTML-Code auf verschiedenen Seiten zu verwenden, wäre eine der einfachsten Möglichkeiten, die ich verwenden könnte, PHP include () Funktion. Hier ist ein sehr einfaches einseitiges Tutorial bei der Wiederverwendung von HTML-Formularen auf mehreren Seiten, die es verwenden.

    
lifetimes 06.04.2013 15:02
quelle
2

Geben Sie Ihren gesamten wiederverwendbaren Code in ein HTML-Dokument ein und rufen Sie ihn mit dem folgenden PHP-Code auf der Seite auf:

%Vor%     
user1102285 06.04.2013 16:08
quelle
0

Modest HTML macht das.

Es sieht so aus:

main.xhtml

%Vor%

overlayForm.xml

%Vor%     
GoalBased 06.09.2013 01:15
quelle

Tags und Links