我想知道是否有缩短HTML代码的方法。我目前正在使用引导程序来布局这个网页。
我的页面上的菜单在整个页面中重复,如果它被更新,你就会一页一页地更新。
有没有什么方法可以缩短整个HTML代码。。。
<div class="navbar navbar-fixed-top" role="navigation"
<div class="container">
...
</div>
<div>
通过使用javascript或任何方式。
是-可以通过javascript实现。假设您创建了一个包含在所有页面中的js文件:
<script language="javascript" src="/js/mymenu.js"></script>
如果您的菜单使用其他javascript或其他css文件,请确保在HEAD标记中的其他文件之前包含mymenu.js文件。
然后在你的mymenu.js文件中有一些代码,如下所示:
var outerDiv = document.createElement("div");
outerDiv.setAttribute("class","navbar navbar-fixed-top");
outerDiv.setAttribute("role","navigation");
var innerDiv = document.createElement("div");
innerDiv.setAttribute("class","container");
outerDiv.appendChild(innerDiv);
document.body.appendChild(outerDiv);
...
确保主菜单的css使用position:absolute;或者不执行body.appendChild,而是将其附加到包含元素。