-3

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

4

2 回答 2

0

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（重复.js）

$(document).ready(function(){
    $('.repeat-div').html("Hello");
});
于 2015-02-26T15:53:14.740 回答
0

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

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

综上所述，如果您绝对想为此使用 Javascript，您可以执行以下操作：

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

在每个 HTML 文件中

然后在includeFile.js：

document.write('
  <header>
    HEADER //Example header text
    //Additional header text
  </header>
');
于 2015-02-26T16:21:10.197 回答