Javascript 如何在页面加载时默认显示页面

我使用jQuery将页面加载到div中，而不是使用iframe

代码工作得很好（请随意重用！）但是，我有一个问题，当有人访问URL时，我无法显示页面

因此，在页面加载时，画布是空的（菜单旁边），直到访问者单击链接

这是密码

<script>

  $('[data-target]').click( function (e) {
    $.get($(this).attr('href'), function(data){ 
     $('#halloffame').empty(); 
      $(data).find(".partner_body").appendTo("#halloffame");

    });
    e.preventDefault(); // prevent anchor from changing window.location
  }); 
</script>

$（“[数据目标]”）。单击（函数（e）{
$.get（$（this.attr（'href'），函数（数据）{
$（'#halloffame'）.empty（）；
$（数据）.find（“.partner_body”）.appendTo（“#hallofame”）；
});
e、 preventDefault（）；//防止锚点更改window.location
}); 

每当访问页面时，我想显示的是page-a.html，这样页面看起来就不会那么空了

有人有什么想法吗

非常感谢您的支持：）

---

要解决此问题，可以使用jQuery的

ready

功能。您可以查看此链接：

这里是一个演示如何做到这一点

<script>
  $( function (e) {
    $.get($(this).attr('href'), function(data){ 
     $('#halloffame').empty(); 
      $(data).find(".partner_body").appendTo("#halloffame");

    });
    e.preventDefault(); // prevent anchor from changing window.location
  }); 
</script>

$（功能（e）{
$.get（$（this.attr（'href'），函数（数据）{
$（'#halloffame'）.empty（）；
$（数据）.find（“.partner_body”）.appendTo（“#hallofame”）；
});
e、 preventDefault（）；//防止锚点更改window.location
}); 

使用jQuery.load（） 简单的解决方案是使用jQuery方法，该方法已经为您实现了这一点：

然后，在jQuery document ready函数中，您可以加载一个默认页面，或者只使用页面中的第一个href，如下所示：

$（“#halloffame”）.load（$（“a”）[0].href，“.partner_body”）

运行代码段以查看演示

（用于规避演示中的跨域问题）

$（'a'）。单击（函数（e）{
$（'#halloffame'）.load（e.target.href）；
e、 预防默认值（）；
});
$（'#halloffame'）.load（$（'a'）[0].href）
#hallofame{边框：1px钢蓝色实心；边距：5px；填充：0.5em；}

单击以加载：
HTML:
所以我通过使用@Roberto的建议和我的原始代码解决了这个问题（只是在末尾添加了负载）

下面是完成的代码，它在页面加载时加载URL（仍然允许您在div中打开链接）

希望这能帮助其他试图达到同样结果的人
 您可能还需要检查
location.hash
，比如（这里没有太多示例…）有多奇怪-我刚刚发现了这个：）-注意-您上面的示例，页面url/名称会放在哪里？另外，感谢您花时间回复。哦，您必须更改
$。获取（$（此）
。此处
此
表示一个DOM，其中
href
是要加载的页面。因此，您必须使用该DOM的
id
或
类
名称对其进行更改。
  $('[data-target]').click( function (e) {
    $.get($(this).attr('href'), function(data){ 
     $('#halloffame').empty(); 
      $(data).find(".partner_body").appendTo("#halloffame");

    });
    e.preventDefault(); // prevent anchor from changing window.location
  }); 
  $.get( "pages/accounting-software/", function( data ) { 
       $('#halloffame').empty(); 
        $(data).find(".partner_body").appendTo("#halloffame");

   });