在偶数页面上动态显示div

时间:2017-09-25 09:05:01

标签: javascript jquery html

我有一个网站,我需要添加一个菜单'阻止每一页。我有一个HTML代码:

<div id="menuHead">
    <a href="./index.html"><img src="./images/logotype_850_250.jpg" width="auto" height="100%" align="left"></a>
    <a href="./index.html"><button class="menuButton">Search</button></a>
    <a href="./about.html"><button class="menuButton">About</button></a>
    <a href="./directs.html"><button class="menuButton">Directories</button></a>
    <a href=""><button class="menuButton">Support</button></a>
    <a href=""><button class="menuButton">Advertisment</button></a>
    <a href=""><button class="menuButton">Updates</button></a>
    <a href=""><button class="menuButton" id="helpB">Help the project</button></a>
</div>

那么,如何使用JS(jQuery)自动在每个页面上添加此块?

1 个答案:

答案 0 :(得分:0)

您可以使用jquery执行此操作。 创建一个名为menu.html的文件,并将菜单的html放在那里。 然后在您希望其显示的每个页面上,创建一个ID为pip3 install statsmodels的div,并将此javascript添加到您的页面。

menu

请务必使用菜单

在每个页面中导入jQuery
<script> 
   $("#menu").load("menu.html"); 
</script>