功能/宏加上

-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

回答

相关问题