HTML - 减少html代码冗余

-3

我想知道是否有办法缩短我的HTML代码。我目前使用bootstrap来布置此网页。HTML - 减少html代码冗余

我的页面上的菜单会在整个页面中重复出现，如果它更新，则会逐页更新。

是否有任何可能的方式来缩短整个HTML代码...使用JavaScript或任何以任何一种方式

<div class="navbar navbar-fixed-top" role="navigation" 
    <div class="container"> 
     ... 
    </div> 
<div>

...。

来源

2015-02-10 Rin Minase

lol wth？为什么你会这样做，不会减少功能 – 2015-02-10 18:04:50

我会诚实地对待你，这是你问的一个毫无价值的问题，因为你没有提供任何代码。这不是一个假设的讨论网站。这是一个提出合法问题的地方。但为了指导您，您希望通过PHP或类似方式来实现包含共享元素。 – Slime 2015-02-10 18:04:56

请具体说明您的问题。 – 2015-02-10 18:06:56

是的 - 你可以通过javascript来完成。让我们假设你创建1个js文件，你在所有的网页包括：

<script language="javascript" src="/js/mymenu.js"></script>

如果使用其他的JavaScript，或者您的菜单其他css文件，确保包括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使用的位置是：绝对的;或者不是做body.appendChild，而是将它追加到包含元素。

来源

2015-02-10 18:18:53

这是一个很长的过程，但它的工作！谢谢！ – 2015-02-10 18:38:39

HTML - 减少html代码冗余

回答

相关问题