如何用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时,这一切都很正常。当我使用谷歌浏览器时,它要求提供插件。我怎样才能让它在谷歌浏览器中工作?
143
3
我终于找到了问题的答案。该解决方案是
你可以使用jQuery的加载功能。
对不起。 编辑的是on click而不是on load。
获取API
XHR API
根据你的限制条件,你应该使用ajax,并确保你的javascript在调用
load_home()
函数的标记之前加载。参考 - davidwalsh
MDN - 使用Fetch
[JSFIDDLE演示](http://jsfiddle.net/jpmCz/)