Javascript 在具有动态内容的新选项卡中打开

Javascript 在具有动态内容的新选项卡中打开,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,对于这个例子,我将使用一个属性站点。如果在网站的顶部,我看到了主要的房地产广告,而在下面,我看到了很多小的方形分区和其他的广告。现在,当您单击其中一个较小的广告时,它会与主广告交换位置(使用JavaScript动态内容更改),所有广告数据都存在于JavaScript多维数组中,并在页面加载时通过ajax通过php从sql加载 现在,当用户右键单击其中一个较小的广告并希望在新选项卡中打开它(作为主广告)时,我只需在新选项卡中加载相同的页面,并使用?id='id of ad'参数即可 那么,如何使广

对于这个例子,我将使用一个属性站点。如果在网站的顶部,我看到了主要的房地产广告,而在下面,我看到了很多小的方形分区和其他的广告。现在,当您单击其中一个较小的广告时,它会与主广告交换位置(使用JavaScript动态内容更改),所有广告数据都存在于JavaScript多维数组中,并在页面加载时通过ajax通过php从sql加载

现在,当用户右键单击其中一个较小的广告并希望在新选项卡中打开它(作为主广告)时,我只需在新选项卡中加载相同的页面,并使用?id='id of ad'参数即可

那么,如何使广告具有onlick(运行javascript将其与主广告切换)和右键单击openinnewtab(在newtab中加载带有参数的相同页面)呢


如果有一个jquery函数的话,这会很神奇。

您需要使用一个hashtag函数并在URL上附加一个hash值。因此,方形div实际上是如下链接:

<a href="http://your-site.com/page#advert1">Ad 1</a>
<a href="http://your-site.com/page#advert2">Ad 2</a>
<!-- Ad3, Ad4 etc. -->
或者,你也可以使用一个插件来实现这一点,该插件就是专门为这一点而设计的,并且具有更多的功能,包括捕获hashchange事件和点击谷歌分析跟踪功能。

你是说like?
// CHECK IF A HASHTAG EXISTS IN THE URL
if(window.location.hash.length > 2) {
    // GET THE HASHTAG NAME
    var advert = window.location.hash.replace('#', '').replace(/\/$/, '').substr(1);

    // THEN CALL FUNCTION TO GET AD CONTENT FROM YOUR ARRAY USING THIS INFO
}