使用js腳本生成<head>和<footer>

當我們有始終不變的<links>或<script>在<head>或我們網站的所有HTML文件的<footer>加載，真的痛在每一個頁面複製/粘貼web文件夾，尤其是當我們需要修改它們時。 I wrote a JavaScript script爲了在每個HTML頁面中加載相同的內容：我在腳本中編寫了內容（使用ES6）並在我稱之爲腳本的任何地方加載內容。這是一種很好的做法還是非常糟糕的做法？使用js腳本生成<head>和<footer>

謝謝！

來源

2017-10-17 arnaudambro

爲什麼你不使用php或其他語言與文件包含？ – DaFois

使用使用框架的框架例如，RequireJS

來源

2017-10-17 12:36:34

餘弦; Webpack也是捆綁您的依賴項的絕佳替代品

來源

2017-10-17 13:07:12 reh

您需要的東西很容易在PHP中完成。所有你需要的是一個頁腳和一個頭文件，將被用作模板，你只想用PHP標籤，包括在需要時頁眉和頁腳，像這樣：

<!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>

或者，如果你寧願完全使用JavaScript，您可以使用Node，比如說Express，作爲後端，您可以使用EJS includes作爲頁眉和頁腳。

來源

2017-10-17 13:29:03

我在說''比'

'更多。但感謝您的建議，儘管我的目標是儘可能不使用PHP :) – arnaudambro

隨着JavaScript路線的推進，所有進入HTML文件頭部的內容都會在任何情況下進入頭文件模板。如果您需要關於JavaScript模板的更多信息，請查看本文：http://www.creativebloq.com/web-design/templating-engines-9134396 –

使用js腳本生成<head>和<footer>

回答

相關問題