如何在HTML中重複使用相同的內容

Question

我正在使用網頁。 我需要的是重用頁面上的文字。 例如，如果右上角有一個主頁按鈕，則同樣的 按鈕應該出現在html的所有頁面中。

Answer 1

需要一些腳本。

假設你不能做服務器端腳本，你可以在一個名爲Navigation.js這樣

$(function(){ 
    $('#navigation').html("<button>home</button>") 
}) 

，如果你有這個js每一頁上的文件編寫JavaScript/jQuery的方法，它會尋找一個元素與id「導航」，並添加一個文本「家」的按鈕到它。

更新做CSS

#navigation::before{ 
    content:'Home'; 
    background:'red' 
} 

上述CSS將創建與它具有與ID導航元素的每一頁上的文字「家」紅色元素相似。 缺點：由於這是一個CSS僞元素，它不是dom的一部分，你不能將點擊事件綁定到它。

Answer 2

要實現這一點，您需要服務器端或客戶端腳本。您也可以通過CSS content獲得有限的技能。作爲一種老式的解決方法，使用純HTML，您可以使用Iframe或框架。