Javascript 如何使网站的HTML设计具有可扩展性、可重用性和灵活性？_Javascript_Jquery_Html_Css

Javascript 如何使网站的HTML设计具有可扩展性、可重用性和灵活性？

javascript jquery html css

Javascript 如何使网站的HTML设计具有可扩展性、可重用性和灵活性？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我刚刚踏入了网站HTML设计的一个新领域。我使用HTML、CSS、jQuery和JavaScript进行设计。我已经设计了一个网站使用上述技术。它有将近四十（40）个HTML设计的网页。现在，我创建的设计中的需求更改来自客户。为了进行这些更改，我必须对几乎所有的文件进行更改。这让我很头疼。这是一项非常乏味的工作。现在我想在每个文件中重用一些HTML代码。意味着左菜单应该包含在一个单独的HTML文件中，顶部菜单应该包含在一个单独的HTML文件中，页脚菜单应该包含在一个单独的HTML文件中，右菜单应

我刚刚踏入了网站HTML设计的一个新领域。我使用HTML、CSS、jQuery和JavaScript进行设计。我已经设计了一个网站使用上述技术。它有将近四十（40）个HTML设计的网页。现在，我创建的设计中的需求更改来自客户。为了进行这些更改，我必须对几乎所有的文件进行更改。这让我很头疼。这是一项非常乏味的工作。现在我想在每个文件中重用一些HTML代码。意味着左菜单应该包含在一个单独的HTML文件中，顶部菜单应该包含在一个单独的HTML文件中，页脚菜单应该包含在一个单独的HTML文件中，右菜单应该包含在一个单独的HTML文件中，等等。简言之，我希望这个通用代码包含在单独的文件中，我应该能够在每个HTML文件中包含所有这些文件。所以我只能在不同的HTML文件中做HTML页面的主体。CSS和jQuery文件也应该是可重用的。但我不想使用任何服务器端技术来包含这些文件。那么，有谁能帮助我实现HTML代码的这种可重用性和可扩展性呢？提前感谢。

跨页面共享HTML的最简单方法是。您的用户名似乎暗示您了解您的PHP，因此这将是处理它的最简单方法（使用PHP）。如果您绝对不能让它成为服务器端解决方案，那么您可以

一种更复杂但可能更可取的处理方法是使用模板引擎。大多数内容管理工具都包括这一点。将是其中一个更常见的

至于CSS和JS，它们应该已经在单独的文件中，并且应该从每个HTML页面中链接到它们

一种更复杂但可能更可取的处理方法是使用模板引擎。大多数内容管理工具都包括这一点。将是其中一个更常见的

至于CSS和JS，它们应该已经在单独的文件中，并且应该从每个HTML页面中链接到它们

一种更复杂但可能更可取的处理方法是使用模板引擎。大多数内容管理工具都包括这一点。将是其中一个更常见的

至于CSS和JS，它们应该已经在单独的文件中，并且应该从每个HTML页面中链接到它们

一种更复杂但可能更可取的处理方法是使用模板引擎。大多数内容管理工具都包括这一点。将是其中一个更常见的

至于CSS和JS，它们应该已经在单独的文件中，并且应该从每个HTML页面中链接到它们

使用jquery，或者将页面设为PHP，只需在PHP标记中使用其中一个函数，就可以在需要公共部分或页面的地方使用这些函数

```
include（）
```
```
include_once（）
```
```
require（）
```
```
require\u once（）
```

看看更多关于如何使用的信息，或者做一些简单快速的谷歌搜索

编辑：下面是一个JQuery实现，它全部在浏览器中执行：

在一些脚本标记中：

$(document).ready(function(){
    $.get( "test.html" );
});

它遵循上的语法。另外，看一看。另外，您可能想看看W3school，看看如何在您想要的地方添加html页面的内容。

使用jquery，或者使您的页面成为PHP，并在您想要公共部分或页面的PHP标记中使用其中一个函数

```
include（）
```
```
include_once（）
```
```
require（）
```
```
require\u once（）
```

看看更多关于如何使用的信息，或者做一些简单快速的谷歌搜索

编辑：下面是一个JQuery实现，它全部在浏览器中执行：

在一些脚本标记中：

$(document).ready(function(){
    $.get( "test.html" );
});

它遵循上的语法。另外，看一看。另外，您可能想看看W3school，看看如何在您想要的地方添加html页面的内容。

使用jquery，或者使您的页面成为PHP，并在您想要公共部分或页面的PHP标记中使用其中一个函数

```
include（）
```
```
include_once（）
```
```
require（）
```
```
require\u once（）
```

看看更多关于如何使用的信息，或者做一些简单快速的谷歌搜索

编辑：下面是一个JQuery实现，它全部在浏览器中执行：

在一些脚本标记中：

$(document).ready(function(){
    $.get( "test.html" );
});

它遵循上的语法。另外，看一看。另外，您可能想看看W3school，看看如何在您想要的地方添加html页面的内容。

使用jquery，或者使您的页面成为PHP，并在您想要公共部分或页面的PHP标记中使用其中一个函数

```
include（）
```
```
include_once（）
```
```
require（）
```
```
require\u once（）
```

看看更多关于如何使用的信息，或者做一些简单快速的谷歌搜索

编辑：下面是一个JQuery实现，它全部在浏览器中执行：

内部som