根据页面的当前URL打开一个新窗口

时间:2015-09-20 22:15:38

标签: javascript jquery ajax wordpress button

所以表面上我正在尝试制作一个按钮或链接,其目标取决于当前页面的URL。我正在开发一个Wordpress组合网站,在Ajax窗口中打开不同的项目,但我也希望能够从该窗口链接到单独的项目页面。例如,如果我单击标题为“Blue”的项目的缩略图,它将在ajax窗口中打开项目,并且URL将更改为“www.website.com/#blue”。顺便提一下,相应项目页面的URL将是“www.website.com/projects/blue”。我们的想法是将按钮硬编码到Ajax窗口并编写一个脚本,为项目页面生成正确的URL,这样我的客户端就不必复制粘贴按钮的代码,并在每次发布时更新目标URL项目。这就是我想出来的,但我对Jquery或Javascript并不满意,我认为我的语法或脚本结构可能有问题。现在,当按下按钮时没有任何反应。

首先,它在每个“/”处拆分url并从不同的字符串创建一个数组,然后从唯一字符串中删除“#”,并打开一个带有新地址的新窗口。

编辑有一些语法错误,但它仍然无效。对这个新版本的任何想法:

$(".comment_button").click(function(){
var parse_url = window.location.href.split('/');
var project_name = parse_url[2].replace("#", "");
window.open("http://www.balletinform.com/projects/" + project_name);
});

3 个答案:

答案 0 :(得分:1)

尝试使用a元素?,target="_blank"属性?

<a id="blue" href="www.website.com/projects/blue" target="_blank">blue</a>

答案 1 :(得分:0)

如果我理解正确,您想要获得的是网址的Bird.java部分。

如果是,您可以使用window.location.hash

您的功能将显示为#blue

您当前的功能是将project_name设置为window.open("http://www.balletinform.com/projects/" + window.location.hash.substring(1));"www.balletinform.com" 因此,另一种解决方案是[0]=>"http:"; splitted(/); [1]=>""; splitted('/'); [2]=>"www.balletinform.com"; splitted('/'); [3]=>"#blue")

答案 2 :(得分:0)

var new_url=""+(window.location.href).replace('#','projects/');
window.open(new_url);

尝试将'替换为'projects /'