没有服务器语言的所有页面上的菜单是否相同？

Question

我需要在我们的Intranet上创建一个包含多个页面的简单信息站点。我需要在所有页面上使用相同的菜单。我知道我可以使用php或其他服务器语言来执行此操作，但是服务器上没有。另一个选择是框架，但是它很旧，不建议使用。其他解决方案？

Answer 1

1. 包括一个用于编写文档的脚本。

document.write(`<style>/* CSSTerm.com Simple CSS menu */

br { clear:left }

.menu_simple {
    width: 100%;
    background-color: #005555;
}

.menu_simple ul {
    margin: 0; padding: 0;
    float: left;
}

.menu_simple ul li {
    display: inline;
}

.menu_simple ul li a {
    float: left; text-decoration: none;
    color: white; 
    padding: 10.5px 11px;
    background-color:  #005555;
}
 
.menu_simple ul li a:visited {
    color: white;
}
 
.menu_simple ul li a:hover, .menu_simple ul li .current {
    color: white;
    background-color: #5FD367;
}</style><div class="menu_simple">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<br />
</div>`)

OR

加载时菜单中的
1. ajax-在此处使用jQuery：

$(function() {
  $("#menu").load("menu.html"); // #menu is a div with id=menu
});