Question

这是w3-include-html：

的脚本

<script src="http://www.w3schools.com/lib/w3data.js"></script>

这是我的div标记，其中需要加载另一个页面：

<div w3-include-html="today.html">
    <script>
    w3IncludeHTML();
    </script>
</div>

这是我的页面today.html：

<html>
<body>
   <table border="2">
      <tr>
         <th>School</th>
         <th>Time</th>
      </tr>
      <script>
      for(var i=0;i<8;i++) {
        var ses="one";
        var time="time";
        document.write("<tr><td><a href='"+ses+"'>"+ses+"</a></td>"+
                    "<td>"+time+"</td></tr>");
      }
      </script>
   </table>    
</body>
</html>

当页面加载时，我得到输出：

另一个页面上的脚本无法使用w3-include-html，而当我单独运行today.html时，它正在运行：

Answer 1

我认为您没有在<div>标记中提及脚本的正确路径，请尝试以下操作：

<div w3-include-html="today.html">
    <script src="http://www.w3schools.com/lib/w3data.js"></script>
</div>

Answer 2

在主HTML的Body标记之前，您应该添加以下内容。

<script src="assets/js/w3data.js"></script>
<script>w3IncludeHTML();</script>

然后您需要将today.html替换为

<table border="2">
      <tr>
         <th>School</th>
         <th>Time</th>
      </tr>
      <script>
      for(var i=0;i<8;i++) {
        var ses="one";
        var time="time";
        document.write("<tr><td><a href='"+ses+"'>"+ses+"</a></td>"+
                    "<td>"+time+"</td></tr>");
      }
      </script>
   </table>

我认为这很简单。

不包括w3IncludeHTML（）;进入你的替代div。

使用w3-include-html在div中加载时，不会包含其他页面上的脚本

2 个答案: