javascript - 仅在一个地方编写菜单栏

标签 javascript html css

我正在设计一个 website for a law office .每个页面都将具有与您在此处看到的相同的基本布局:相同的标题栏、相同的左侧菜单栏和相同的页脚。唯一会逐页变化的是内容部分。

我的第一个方法是为每个内容页面复制这些公共(public)元素的代码。然后,在未来,如果需要对这些栏进行更改(肯定会发生),我将不得不进入每个子页面进行更改。

这让我心中的程序员不寒而栗。我不得不想象有一种方法可以在不使用疯狂的 html 编程套件的情况下做到这一点。 (我现在正在使用 Notepad++ 来编写代码)。有没有一种方法可以在一个地方为菜单栏编写 html 代码,然后像我处理 javascript 和 css 代码一样“获取”它?

我知道这样的事情可以用框架来完成,但我不想走那条路。

最佳答案

如果您会使用一些 PHP,它将使您的生活更轻松。看看inlude()函数,这正是您要找的。

你会有一个页脚文件,一个页眉文件,一个菜单文件,然后,在你的页面中,你可以使用:

<?php include('header.php'); ?>

<?php include('menu.php'); ?>

<!-- Your content somewhere here -->

<?php include('footer.php'); ?>

关于javascript - 仅在一个地方编写菜单栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5343469/

相关文章:

jquery - 缩放 HTML SVG 路径元素并使用 jquery 中的 css 将左上点转换为原始左上点

html - 如何正确处理从右到左的文本输入字段?

html - 单击背景图像后无法使用鼠标选择/聚焦输入字段

javascript - HTML 页面加载的顺序?

javascript - 在之前和之后的值中提取数组中的元素并将其分组

javascript - 如何将图像上传到 HTML5 canvas

html - 更改此电子邮件模板的背景

javascript - 无法使用nodejs连接到mysql

javascript - jQuery 每个函数都不能正常工作

javascript - 如何在动态加载的html页面中访问javascript变量?