如何使用JavaScript在<div>中加载HTML页面？

Question

如何使用JavaScript在<div>中加载HTML页面？

我希望home.html加载到<div id="content">.

<div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div><div id ="content"> </div><script>
      function load_home(){
            document.getElementById("content").innerHTML='<object type="type/html" data="home.html" ></object>';
  }</script>

当我使用Firefox时，这很好。当我使用谷歌Chrome时，它要求插件。我如何让它在谷歌Chrome中工作呢？

Answer 1

我终于找到了问题的答案。解决办法是function&nbsp;load_home()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById("content").innerHTML='<object&nbsp;type="text/html"&nbsp;data="home.html"&nbsp;></object>';}

Answer 2

您可以使用jQueryLoad函数：<div&nbsp;id="topBar"> &nbsp;&nbsp;&nbsp;&nbsp;<a&nbsp;href&nbsp;="#"&nbsp;id="load_home">&nbsp;HOME&nbsp;</a></div><div&nbsp;id&nbsp;="content">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><script>$(document).ready(&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$("#load_home").on("click",&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#content").load("content.html"); &nbsp;&nbsp;&nbsp;&nbsp;});});</script>抱歉的。编辑为ON单击而不是OnLoad。