html调用html代码怎么写

在HTML中，调用另一个HTML文件的内容通常涉及到几种不同的方法，这些方法包括使用iframe、JavaScript、Ajax以及服务器端包含，每种方法都有其特定的用途和优缺点。

1、使用iframe：iframe是一个非常简单的HTML元素，它可以在当前页面内嵌入另一个HTML页面，你可以像这样使用它：

<iframe src="external.html" width="600" height="400"></iframe>

这里的src属性就是你要调用的HTML文件的路径，这种方法的优点是简单易用，但它也有一些缺点，比如iframe内的内容与主页面是隔离的，你不能直接从主页面访问iframe内的内容。

2、使用JavaScript：你可以使用JavaScript来动态加载和显示另一个HTML文件的内容，这通常涉及到创建一个新的元素，然后使用JavaScript的innerHTML属性来设置这个元素的内容。

<button onclick="loadContent()">加载内容</button>
<div id="content"></div>
<script>
function loadContent() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
      if (xhr.status == 200) {
        document.getElementById('content').innerHTML = xhr.responseText;
      }
    }
  };
  xhr.open("GET", "external.html", true);
  xhr.send();
}
</script>

这段代码会在用户点击按钮时，通过Ajax请求获取external.html的内容，并将其显示在content元素中，这种方法的优点是你可以在用户与页面交互时动态加载内容，但它需要编写更多的代码，并且可能会影响页面的性能。

3、使用服务器端包含：服务器端包含（如PHP的include或require语句）可以在服务器上合并多个HTML文件，这种方法的优点是内容是动态生成的，可以根据服务器端的条件来决定是否包含某个文件，但它需要服务器端的支持，并且对于静态网站来说不适用。

选择哪种方法取决于你的具体需求，如果你需要在页面加载时就显示另一个HTML文件的内容，那么服务器端包含可能是一个好选择，如果你需要在用户与页面交互后动态加载内容，那么JavaScript可能更适合，如果你只是想要在一个页面内嵌入另一个页面的内容，那么简单的iframe就足够了。