Question

我们正在使用HTML5文档类型处理一组离线HTML页面。我们希望通过<script src="____">包含我们的子导航，但出于某种原因，它不包括在内。是否有其他方法可以包含文件而无需在某处提供服务器端协助？

由于我们如何将这些文件提供给客户端，我们必须脱机工作，但由于简单的子导航更改可以通过Javascript以某种方式全局包含，因此必须更新100个文件会非常糟糕。

Answer 1

你可以放一个空div

<div id="navigation"></div>

然后用jQuery“加载”它

$("#navigation").load("path/to/nav/file.html");

Answer 2

可以通过.js文件包含外部HTML代码。这是一个例子：

<!DOCTYPE html>
<html>
    <head>
    <title>Main Page</title>
        <script type="text/javascript" src="include_html.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            paragraph();
        </script>
    </body>
</html>

include_html.js的内容

function paragraph()
{
        document.write("<p> This is an HTML paragraph </p>");
}

离线HTML5 .html页面 - 需要将文件包含到另一个文件中

2 个答案: