我可以用另一个HTML链接另一个HTML文件吗

Question

我目前有一个pageMaster文件，它是一个HTML文件。我正努力保持它的清洁。我正在将我的javascript文件链接到此pageMaster，例如<script type="text/javascript" src="/resources/js/mainpage.js"></script>。我想将HTML页面链接到pageMaster，以避免出现混乱。这可能吗？

这就是我尝试的<script="text/javascript" src="/resources/state-icons.html"></script>，但它没有收到我期望的图标

Answer 1

由于html不是脚本，因此不能将其作为脚本加载(使用<script type="text/javascript">没有多大意义，是吗？(。

您必须使用预处理语言，如php，它将在服务器上构建输出。使用php，您可以获得以下内容：

<p>Some html
<?=file_get_contents(__DIR__.'/resources/state-icons.html')?>
...more html...</p>

或者：

<?php
include(__DIR__.'/header.php');
?>
...html...

如果您不能或不想使用服务器端语言，可以使用javascript来实现。你可以下载另一个页面的内容，并将其插入到你想要的任何地方(我会使用jQuery，因为它很容易编写，你实际上不需要(：

HTML:

<span class="some-placeholder-for-state-icons"></span>

JS:

$(function() {
$.get('/resources/state-icons.html',function(html) {
$(".some-placeholder-for-state-icons").html(html);
});
});

当然，这种方式会更慢，并且每个页面视图会产生更多的请求。哪一个更好取决于你想要实现什么。

Answer 2

你不能用html做这样的事情。这仅适用于javascript文件或样式表(css(