JS：在DIV加載外部文件上點擊

Question

我需要加載在DIV文件上的另一個DIV的點擊：

到目前爲止我的代碼：

<div id="load_home">HOME </div> 
<div id="content"></div> 

<script> 
$(document).ready(function(){ 
    $("#load_home").click(function(){ 
    $("#content").load('code.html'); 
    }); 
}); 
</script> 

Answer 1

您可以使用JavaScript點擊功能內得到的HTML文件內容和附加到content DIV這樣

<div id="load_home">HOME </div> 
<div id ="content"></div> 

<script> 
$(document).ready(function(){ 
    $("#load_home").click(function(){ 
     document.getElementById('content').innerHTML = loadContent(); 
    }); 
}); 

function loadContent(){ 
    var xmlhttp = new XMLHttpRequest(); 
    var pathToFile = 'code.html'; 
    xmlhttp.open("GET", pathToFile , false); 
    xmlhttp.send(); 
    return xmlhttp.responseText; 
} 
</script> 

注意pathToFile變量保存要渲染的HTML文件的實際路徑。