Question

我想为每个网页输出相同的标题，而不必为每个网页复制HTML。我将如何使用javascript（我不使用PHP）？我可以在这个应用程序中使用Angular JS ng-include函数吗？

Answer 1

就个人而言，我使用php进行此操作 - 它使页面＆＃34;模板＆＃34;更容易。如果要使用JavaScript，可以使用jQuery load()函数，如此

<script>$("#header").load("header.txt");</script>

注意：使用此功能时，请确保header.txt周围包含<div id="header"></div>个标记，否则您将覆盖标题ID

Header.txt应该包含这样的内容

<div id="header">
  <!--This is where you put your header code-->
</div>

这样，如果你想改变你的标题，你需要做的就是改变一个文件。

Answer 2

最大的问题是：

你试过吗？

请阅读What topic can I ask about here?

我已回答，因为你已经质疑了。是的，你可以在这里轻松使用Angular的ng-include。

<html ng-app="foo">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
    <ng-include src="'views/some/location/to/your/header.html'"></ng-include>

    <script type="text/javascript">
        var app = angular.module("foo", []);
    </script>
</body>
</html>

<强> header.html中

<div class="header">
    <!-- Any content -->
</div>

如何为多个网页创建菜单标题而不复制每个网页的HTML

2 个答案:

你试过吗？