时间戳

首页 > 解决方案 > 我可以在另一个 html 中链接另一个 HTML 文件吗？

html - 我可以在另一个 html 中链接另一个 HTML 文件吗？

问题描述

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

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

标签： html

解决方案

由于 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);
    });
});

当然，这种方式会更慢，并且每次页面查看会产生更多的请求。哪个更好取决于您想要实现的目标。

推荐阅读