个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我一直在寻找这个问题的答案，但我似乎找不到确切的“单词”或“短语”来找到相关的答案。
我的问题是，是否有可能使用单个 html 作为另一个 html 页面的“包含”？
示例:能够使用一个包含 CSS 样式的文件，以便同一文件可以自动出现在我将其包含在内的网站的每一页上。
我制作了一个扩展名为 .html 的模板，其中仅包含网站整个主题的页眉和页脚。通常，我会将这些模板的内容复制并粘贴到每个新的 html 页面，然后添加该页面的唯一正文内容。
我想做的是制作一个扩展名为 .html 的模板，仅包含我的页眉和页脚，这样我就可以执行 include template.html 之类的操作它会自动将 template.html 页面的内容放在每个页面上，这样我就不必每次都复制和粘贴。我发现更新/维护包含页眉和页脚脚本的网站的每个页面越来越困难，因为在进行更改并且必须在整个网站中传播时，我必须查找并替换这些脚本的每个实例。
我知道 html 实际上没有 include 函数，但我认为应该有办法通过其他语言(例如 PHP 甚至 JavaScript)来解决这个问题？我只是好奇这是否可能，如果可能的话，如何实现？
最佳答案
我认为你有几个不同的选择。使用 PHP，你可以做这样的事情:
<!DOCTYPE html>
<html>
<body>
<h1>Welcome to my home page!</h1>
<p>Some text.</p>
<p>Some more text.</p>
<?php include 'footer.php';?>
</body>
</html>
参见this link 。
使用 AngularJS，你可以使用这样的东西:
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
<div ng-include="'myFile.htm'"></div>
</body>
</html>
参见this link .
仅使用 HTML5，您可以尝试如下操作:
<object name="foo" type="text/html" data="foo.inc"></object>
参见this link .
这有助于回答您的问题吗？
关于javascript - 能够使用单个 html 作为另一个 html 页面的 'include'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37441563/
25
4
0
我在 StackOverflow 和其他地方看到了很多与此类似的问题，但没有一个直接解决我的问题。我正在 THREE.js 中使用凸包生成器生成 n 边多面体。我想将方形纹理映射到每个多面体的每个面上
我是一名优秀的程序员,十分优秀！