Question

请告诉我如何在其他html页面（例如b.html）中加入html页面（例如a.html）。

我试过了

<script type="text/javascript">

 $(function(){
 $("#header").load("header.html");
 });
</script>

但这不起作用。请告诉我另一个。

Answer 1

You can use the <frameset>.

<frameset cols="*,*">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
</frameset>

如果您使用的是HTML5，请尝试

<iframe>

iframe的示例是，

<html>
<head>
<title>Frames Test</title>
<style>
 .menu {
  float:left;
  width:20%;
  height:80%;
}
.mainContent {
  float:left;
  width:75%;
  height:80%;
}
</style>
</head>
<body>
<iframe class="menu" src="a.html"></iframe>
<iframe class="mainContent" src="b.html"></iframe>
</body>
</html>

您可以在以下链接中找到有关iframe的更多信息，

http://www.w3schools.com/tags/tag_iframe.asp

Answer 2

您需要确保将jquery作为库包含在要导入的页面中。此外，标头必须具有标头ID。

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#header").load("b.html");
    });
    </script> 
  </head> 
  <body>
    <div id="header">
    </div>
  </body> 
</html>

如何在Dreamweaver中将一个html文件包含到其他html文件中

2 个答案: