ein js Skript <head> und <footer>

zu erzeugen, wenn wir immer die gleiche <links> oder <script> haben im <head> oder <footer> aller HTML-Datei von unserer Website zu laden, ist es wirklich schmerzhaft zum Kopieren/Einfügen in jeder und jede Seite des Webordners, besonders wenn wir sie ändern müssen. I wrote a JavaScript script um den gleichen Inhalt in jede HTML-Seite zu laden: Ich schrieb den Inhalt in das Skript (mit ES6) und lade den Inhalt überall dort, wo ich das Skript anrufe. Ist es eine gute Übung oder eine sehr schlechte?ein js Skript <head> und <footer>

Danke!

Quelle

2017-10-17 arnaudambro

warum verwenden Sie nicht PHP oder eine andere Sprache, um es mit Dateieinschluss zu tun? – DaFois

Verwenden ein Rahmen z.B. RequireJS

Quelle

2017-10-17 12:36:34

Cosign einen Rahmen verwendet wird; Webpack ist auch eine gute Alternative, um Ihre Abhängigkeiten zu bündeln

Quelle

2017-10-17 13:07:12 reh

Was Sie brauchen, wäre leicht in PHP getan werden. Alles, was Sie brauchen würde, ist eine Fußzeile und eine Header-Datei, die als Vorlagen verwendet werden würde und Sie würden die Kopf- und Fußzeile, wo nötig, wie so nur PHP-Tags verwenden, um die folgenden:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Document</title> 
</head> 
<body> 
<?php include 'header.php';?> 


<?php include 'footer.php';?> 
</body> 
</html>

Oder wenn Sie lieber Mit JavaScript können Sie Node verwenden, sagen wir Express für das Backend, Sie würden EJS includes für die Kopf- und Fußzeile verwenden.

Quelle

2017-10-17 13:29:03

Ich spreche mehr über die '' als die '

'. Aber danke für den Rat, obwohl mein Ziel ist es, PHP wenn möglich nicht zu verwenden :) – arnaudambro

Das mit der JavaScript-Route gehen alle Sachen, die in den Kopf der HTML-Datei geht in der Kopfzeile Vorlage in jedem Szenario gehen würde. Wenn Sie weitere Informationen zum JavaScript-Templating benötigen, lesen Sie diesen Artikel: http://www.creativebloq.com/web-design/templating-engines-9134396 –

ein js Skript <head> und <footer>

Antwort

Verwandte Themen