JavaScript-如何在其他页面上动态插入mainpage.html的页眉和页脚？-堆栈溢出

顺晟科技

2022-10-19 13:10:06

我查找了许多示例，说明如何在不重复相同html代码和样式的情况下，从一个页面动态地向其他页面显示相同的页眉和页脚。

不幸的是，我找不到这样做的明确示例，我看到了使用PHP是可能的，但我没有找到任何实际的示例。

如果有人能给我一个例子或一篇关于。

的文章，我将不胜感激。

顺晟科技：

您可以对php使用include()，在一个页面中有页眉，在另一个页面中有页脚。 header.php 像

这样的人

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
</head>
<body>

footer.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
</head>
<body>

每隔一页

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
</head>
<body>

上一篇：html-在PHP中增加表项ID，同下一篇：HTML-javascript中的一

网站建设

Html

JavaScript-如何在其他页面上动态插入mainpage.html的页眉和页脚？-堆栈溢出