Question

我有一个html文件：index.html，其中包含一些基本的js库。我也有一些模块：

a.html：

<div id='a'>
  <script src="a1.js"></script>
  <script src="a2.js"></script>
</div>

a1.js：

console.log('a1')

a2.js：

console.log('a2')

如何动态地将a.html加载到index.html并获取a1.js和a2.js已完成执行的事件？

Answer 1

使用w3data.js执行此操作（w3data.js）

index.html

中的

示例：

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

<body>

<div w3-include-html="a.html"></div> 

<script>
w3IncludeHTML();
</script>

</body>
</html>

如何动态加载html文件并在其中执行exernal js

1 个答案: