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

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

我试过这个：

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

---

但那显然只是加载了文本

一些简单的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();

---

最简单的方法是使用一个库，这是他们为u。正确的？ 使用jQuery示例。有没有一个简单的方法？不，没有图书馆不行。也就是说，如果您愿意，您可以自己做这件事——这可能是您重新爬回jQuery的怀抱所必需的一切；）

---

资源：

是否有任何方法可以使用它，并且仍然允许调用的脚本使用来自主脚本的变量=/？