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文件的实际路径。

JS：点击时在div中加载外部文件

1 个答案: