Question

使用w3.js文件，可以将html代码段包含到另一个html文件中，类似于我们在php中看到的内容，但缺点是，这仅适用于页面正文。例如

<body> 
<div w3-include-html="./src/nav.html"></div>
<script>w3.includeHTML();</script>
.
.
.
</body>

我现在的问题是：是否有必要在head标签中完成这项工作？这样一来，不必在每个页面上重复相同的多个链接块吗？

Answer 1

W3.js的头部和身体都可以包含元素。

我确定创建了一个快速的test，它可以使用：

<html>
    <head>
        <title>Include Test</title>
        <link w3-include-html="head_include.html"/>
    </head>
    <body>
        <h1>This is a test</h1>
        <div w3-include-html="body_include.html"></div>
    </body>
    <script src="w3.js"></script>
    <script>w3.includeHTML();</script>
</html>

这里使用的是W3.js包含HTML功能的样式表，将其添加到链接标记中。

但是：

如果您是在本地进行操作，则此方法不适用于“ file：//”，因为它正在使用AJAX调用，并且CORS策略可能会阻止它。
这依赖于页面上执行的Javascript来更改DOM，因此，如果在客户端上禁用了Javscript，则该功能将无法正常工作，就像在Web爬网程序中一样。
与php包含的内容不同，这对客户端是可见的。

如果这是您的目标，那么有很多模板替代方法，如果您的主机解决方案上不提供PHP，您可能希望研究Server-Side Includes，因为这将使您能够正确地包含HTML配置的服务器。

我如何使用w3.js在head标签中包含摘要

1 个答案: