如何使用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 load_home() {
     document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';}

Answer 2

您可以使用jQueryLoad函数：

<div id="topBar">
    <a href ="#" id="load_home"> HOME </a></div><div id ="content">        </div><script>$(document).ready( function() {
    $("#load_home").on("click", function() {
        $("#content").load("content.html");
    });});</script>

抱歉的。编辑为ON单击而不是OnLoad。