Question

例如，让第一页HTML包含标题页HTML

Page 1 javascript

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script> 
   $(function(){
     $("#header").load("Header.html");
   });
</script>
<div id="header"></div>

标题页

<a href="#" data-toggle="dropdown" class="dropdown-toggle">Booking
<span class="caret"></span></a>
<ul class="dropdown-menu">
    <li><a id="booking" href="#">New Booking</a></li>
    <li id="cancel"><a href="url">Cancellation</a></li>
    <li id="my_booking"><a href="url">My Booking</a></li>
</ul>
</li>

所以我的问题是，在我的标题页HTML中我有一个菜单下拉列表。在页面加载期间，我可以单击菜单下拉列表。页面完成加载到页面1后，菜单出现故障，单击后无响应。

Answer 1

您可以通过w3简单代码包含它：

<!-- mport the libraries: -->
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<!-- include the page: -->
<div w3-include-html="Header.html"></div>

<script>
w3IncludeHTML();
</script>

More

Answer 2

您可以使用https://pypi.python.org/pypi/ipaddress来包含header.html。

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

<body>

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

<script>
    w3IncludeHTML();
</script>

</body>
</html>

Answer 3

您可能需要等到文档准备就绪。

<object data="img/failedToLoad.png" type="image/png">Alternative Text</object>

Html包含另一个带有onclick的html javascript在页面加载后无效

3 个答案: