javascript - 使用javascript将html文件加载到div中？

Question

我有一个 div，我想用来 self 的服务器的不同 html 文件填充它。有没有简单的方法可以做到这一点？我所找到的只是 jquery 示例，我不想使用库。

我试过这个:

    document.getElementById('main').innerHTML = 'menu.html';

但这显然只是加载了文本!

Answer 1

一些简单的 Ajax 将为您解决问题。这是未经测试的，但应该给你正确的想法:

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
    document.getElementById("main").innerHTML=xmlhttp.responseText;
  }
}

xmlhttp.open("GET","menu.html",true);
xmlhttp.send();