功能/宏加上

-1

我要定義一個函數/宏我的網頁上插入時擴大到HTML頁面的所有相同的菜單/頁腳。我想用我的頁腳和我的菜單，這是每頁上都一樣，而不必在每一頁上重複。因爲當事情發生變化的所有頁面都必須手動更新...功能/宏加上

這是我的個人網站（10-15頁），所以通過使用純HTML/CSS，沒有服務器端的編碼玩樂我。

，因爲我想我下面的頁腳HTML出現在每個頁面上的例子：

<footer id="footer"> 
    <p>(c) Mattias Lindberg, 2011-2014</p> 
</footer>

所有我想要做的就是添加一些類似的下面：

<footer id="footer" />

應該再擴展到上面的HTML。

我該怎麼做，使用HTML/CSS/jQuery的或其他客戶端技術？

來源

2014-01-11 Mattias Lindberg

因爲你還沒有在你的標籤列表中指定PHP，這裏是Jquery代碼。

的HTML頁面：footer.html。

<footer> 
<p>(c) Mattias Lindberg, 2011-2014</p> 
</footer>

添加此Jquery腳本的所有頁面，你會喜歡footer.html英寸

$(document).ready(function(e) { 
    $('#footer').load('pathtofooter.html'); 
});

添加此HTML代碼時，body標籤內的任何地方。

<div id='footer'></div>

參考：jquery.load()

有問題嗎？

來源

2014-01-11 09:27:46 manta

爲什麼downvote？ –

是的，我想知道嗎？ – manta

那麼，我喜歡它，所以我已經投票支持！ –

-2

寫它變成一個footer.html，通過AJAX把它並將它添加到身體。

來源

2014-01-11 08:39:05

你的問題是什麼？答案必須包含op的完整代碼解決方案嗎？ –

您可以在腳本中硬編碼，並把它加載頁面時：

$(document).ready(function() { 

    var headerHtml = 'Whatever'; 
    var footerHtml = '<footer id="footer">\ 
         <p>(c) Mattias Lindberg, 2011-2014</p>\ 
         </footer>'; 

    $('#header-anchor').after(headerHtml); 
    $('#footer-anchor').after(footerHtml); 
});

只需使用你想要把頁眉和頁腳錨。

來源

2014-01-11 08:46:35

回答

相關問題