Question

我想这对某些人来说很容易。为了避免在不同页面重复代码，我希望能够添加大量的html代码，而无需写出所有元素。有点像功能的页面控制器。

Answer 1

HTML1

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>

<!-- javascript/jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<div class="repeat-div"></div>
</head>
<body>
<script type="text/javascript" src="repeat.js"></script>
</body>
</html>

HTML 2

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>

<!-- javascript/jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<h1 class="repeat-div"></h1>
</head>
<body>
<script type="text/javascript" src="repeat.js"></script>
</body>
</html>

JS（repeat.js）

$(document).ready(function(){
    $('.repeat-div').html("Hello");
});

Answer 2

Javascript并不理想，因为并非所有浏览器都支持Javascript，即使它越来越受欢迎。将服务器端代码与客户端代码分开始终是一种好的做法，除非绝对没有办法避免将两者结合起来（随着jQuery和类似程序的出现，这种情况越来越频繁出现）库）。

PHP包括不需要非常了解PHP，如果您使用它们，则不必将每个文件重命名为.php。您可以在Apache上配置服务器（.htaccess文件）以将所有.html文件作为PHP处理。实际上，一旦网站启动，重命名单个端点通常不是一个好主意，因为这可能会导致链接到您的页面上的反向链接断开，并且搜索引擎会将重命名的页面视为新页面，除非您指定永久重定向在旧的端点位置。您还可以将服务器配置为使用服务器端包含而不是PHP包含。

所有这些说，如果你绝对想要使用Javascript，你可以做类似的事情：

<script src='includeFile.js'></script>

每个HTML文件中的

然后在includeFile.js：

document.write('
  <header>
    HEADER //Example header text
    //Additional header text
  </header>
');

避免重复html代码 - 不使用PHP

2 个答案: