JavaScriptでHTMLページを<div>内に読み込むにはどうしたらいいですか?
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では問題なく動作しています。Google Chromeを使うと、プラグインを要求されます。どうすればGoogle Chromeで動作するようになりますか?
143
3
私の問題に対する答えがやっと見つかりました。その答えは
jQueryのロード機能を利用することができます。
すみません。 オンロードではなくオンクリックに編集しました。
Fetch API。
XHR API
制約条件に基づいて、ajaxを使用し、javascriptが
load_home()
関数を呼び出すマークアップの前にロードされていることを確認してください。参考 - davidwalsh
MDN - Using Fetch
JSFIDDLEのデモ](http://jsfiddle.net/jpmCz/)。