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

javascript html google-chrome

2022-08-30 01:39:51

我想.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时，这工作正常。当我使用谷歌浏览器时，它会要求插件。我如何让它在谷歌浏览器中工作？

答案 1

我终于找到了问题的答案。解决方案是

function load_home() {
     document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';
}

答案 2

您可以使用 jQuery 加载函数：

<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>

不好意思。针对单击而不是加载时进行编辑。