html文档中的链接

html文档中有两个链接，我想在同一页面（而不是窗口）中打开，但一次链接内容应该一次出现？html文档中的链接

<body> 

<a href="numbers.html"> Numbers</a> 
<a href="data.html"> Data</a> 


<div id="show"> </div> 

</body>

来源

2011-05-01 sira

对不起，但你要问的东西没有多大意义。我建议编辑你的问题来添加更多的细节。 – 2011-05-01 09:22:41

Hi Sira，你能稍微改述一下你的问题吗？我不明白“一次链接内容应该出现吗？” – 2011-05-01 09:23:44

@jim，我的意思是，如果我点击'数字'链接，这个链接的内容会出现在链接下，但是当我点击'数据'链接时，只会出现'数据'链接内容和'数字'链接内容将被删除 – sira 2011-05-01 09:26:39

你怎么样在每个链接上的事件在两个div之间切换，隐藏一个和显示其他。所以它可能是：

<div onclick="Show(numbers.html)"> Numbers</div> 
<div onclick="Show(data.html)"> Data</div>

并在Show（）JS函数中显示想要的div。

来源

2011-05-01 09:33:47 Arrabi

但因为我有一个div，我想在同一时间打开一个链接内容不是在同一时间？那么应该在Show（）函数的代码 – sira 2011-05-01 09:40:32

中做出什么改变，你隐藏所有div并显示一个div（当你调用函数时你发送它的id的div（ – Arrabi 2011-05-01 09:49:21

使用jQuery，就像使用一种名为load的方法一样简单..使它优雅，首先为链接添加类，例如，

<a class="loader" href="numbers.html">Numbers</a> 
<a class="loader" href="data.html">Data</a>

然后包括jQuery和有这样的代码来实现你需要的东西：

$(document).ready(function() { 
    $(".loader").each(function(index) { 
     $(this).click(function() { 
      $("#show").load($(this).attr("href")); 
      return false; 
     }); 
    }); 
});

这将HTML内容加载到show DIV，替代此前的任何内容。

来源

2011-05-01 09:48:29

，我应该把这个jQuery代码？ – sira 2011-05-01 10:00:10

@sira只需将此行添加到您现有的代码中：' '以包含托管在Google服务器上的最新jQuery。如果你愿意，你也可以将这个文件复制到你自己的服务器上，并将其包含在本地服务器上。 – 2011-05-01 10:19:08

如果您对Google有疑问，请阅读[this]（http://stackoverflow.com /问题/ 547384 /其中-DO-你 - 包括最jQuery的库从 - 谷歌 - JSAPI-CDN）。 – 2011-05-01 10:21:14

html文档中的链接

回答

相关问题