javascript - 如何将 html 页面中的 div 内容加载到主页上的 div 中？

Question

我的页面上有一个列表/链接当我单击列表/链接项目时，我想将其他页面的div内容加载到主页上的div中。我知道这可以通过像下面这样的硬编码来完成。

<div id="main1">
  <ul>      
     <li onclick="load();return false;">Home</li>
     <li onclick="load();return false;">Work</li>    
     <li onclick="load();return false;">Contact</li>                
  </ul>
</div>

<div id="main2"> </div>

function load() {
  $("#main2").load("home.html #title");
}

是否可以将 .html 作为参数传递？类似的东西

<li onclick="load('home.html');return false;">Home</li>

function load(url) {
   $("#main2").load( + url + "#title");
}

感谢您的帮助，并对菜鸟问题表示歉意:)

Answer 1

是的，你几乎已经拥有它了。只需在 load() 函数中删除额外的 + ，并在 #title 之前添加一个空格(以匹配您之前正确的示例):

 function load(url) {
   $("#main2").load( url + " #title" );
 }