HTML-减少HTML代码冗余

HTML - Reducing html code redundancy

本文关键字：冗余 代码 HTML 减少 HTML-      更新时间：2023-09-26

我想知道是否有缩短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，而是将其附加到包含元素。

相关文章：