html - 一个下拉菜单来统治他们

标签 html css

是否可以创建一个下拉菜单,而不是在每个页面上复制相同的代码?使用框架是解决这个问题的好方法?

最佳答案

我想创建一个只包含菜单的 html 页面,它的链接都是绝对 URL 可能是一个解决方案,尽管 @Igor Ivancha 是对的,解决方案是使用后端,这是通常的做法。

假设你有你的 html 页面:

<nav id="godmenu">
   <ul>
     <li><a href="http://yourdomain.com/page1.html">page1</a></li>
     <li><a href="http://yourdomain.com/page2.html">page2</a></li>
     <li><a href="http://yourdomain.com/page3.html">page3</a></li>
   </ul>
</nav>

然后在每个页面中:

<head>
    <link rel="stylesheet" href="path to your god menu style" />
</head>

<iframe src="http://yourdomain.com/yourmenu.html"></iframe>

虽然这不是最佳做法,但如果您的页面只需要一个动态菜单,那么它应该适合您,因此实际上不需要为您的网站实现服务器端代码。

话又说回来,如果您的站点中没有那么多页面,为什么不在每个页面中添加硬编码的菜单(尽管这很痛苦)。

或者只使用 PHP 作为所有托管支持的后端。

另一种方法是使用 Javascript

使用 jQuery 例如

$("div").load("http://yourdomain.com/menu.html #godmenu");

这会依次将页面的特定部分加载到另一个页面。

我认为这是最好的解决方案。

关于html - 一个下拉菜单来统治他们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34694994/

相关文章:

javascript - 如何将 slideToggle 与动画和自动滚动相关联以达到匹配的 DIV?

html - 在 html 中使用 css 的 boxsize

html - 第 n 个子选择器不起作用

javascript - 如何在 jQuery 集合中获取被点击的项目索引?不是通过索引()

javascript - 在 JavaScript 中的嵌套 if 中使用数组未定义

javascript - 如果按下 Ctrl + F,则禁用表单查找浏览器

css - Plone 站点不再加载 base.css,并且布局被搞砸了

javascript - 将单个值传递给每个元素的解决方案

javascript - Highcharts 漏斗可视化的标签

javascript - CSS 动画不会触发第二次