2016-01-31 43 views
0

我想在Javascript中找到一個代碼來爲HTML中的多個頁面創建一個標頭,我把culdn't找不到,請你指教一下?在HTML中的多個頁面的一個標頭

+2

[將頁眉和頁腳文件包含在多個html頁面中]可能的副本(http://stackoverflow.com/questions/18712338/make-header-and-footer-files-to-be-included-in -multiple-HTML的網頁) – ern

回答

1

Javascript客戶端語言,由客戶端(通常是瀏覽器)在一個單頁環境執行。

如果您希望您的網站採取跨多頁

例如,利益模板的。包括多個頁面上的相同頭文件

那麼您最好使用服務器端執行的服務器端語言。

服務器端語言包括:

  • PHP
  • ASP
  • Ruby on Rails的
  • Node.js的

等。

+0

我發現這個代碼,但它這麼想的和我一起工作 (函數(){ $(「#header」).load(「header.html」); $(「#footer」).load(「footer.html」); });

<! - 剩餘部分 - > Maryam

+0

你已經發布的代碼是'jquery',這是一個'javascript'庫。同樣,如果您想爲多個頁面創建一個標頭,我建議您利用服務器端語言(如PHP)。如果你已經知道'html','PHP includes'非常簡單 - 可以說比學習'javascript'和'jquery'語法和結構複雜得多。 – Rounin

+0

@Rounin - 使用iframe或AJAX可以輕鬆解決此問題。爲此添加服務器端解決方案不是必需的,會引入體系結構複雜性和性能問題。 –

0

您可以使用html預處理器(例如Jade)。有一些叫mixin的東西。 Mixins允許您創建可重用的代碼塊。

0

創建公共標題並放置在它自己的文件中。然後在所有其他頁面中,創建一個空白元素,其中包含類似「標題」的標識。然後讓每個頁面在加載頁面時進行AJAX調用以獲取該文件,並將AJAX調用的結果放在空白div中。

你也可以用iframe做到這一點,並將其源代碼設置爲頭文件。