将js变量传递给href

时间:2014-01-31 11:59:33

标签: javascript jquery html

我正在处理一些链接,但我无法让它工作! 我会知道它如何与PHP一起工作,但我吮吸js:P

因此我将fancybox用于一些简单的表单。但我需要将当前文档的URL传递给该页面,因此我们知道填写表单的人来自哪里!每个网址都像

一样构建

example.com/city

所以我需要那个城市,所以我可以把它传递给iFrame,否则我需要为每个城市制作一个页面......

<a class="button fancybox.iframe" id="offerte" data-fancybox-type="iframe" href="offerte.php?page=city">Offerte aanvragen <span>»</span></a>

这样的东西有效,但我不能以正确的方式进入href!

document.write(document.URL);

如何获取页面链接并将其传递给href ??

4 个答案:

答案 0 :(得分:1)

您需要使用location.href属性。如果不需要域和协议,您可以使用location.pathname

在MDN上阅读有关Location对象的更多信息。

你提到你在标签中使用了jQuery,所以w / jQuery你可以这样做:

$( '#offerte' ).attr( 'href', location.pathname );

如果您需要将其作为参数传递,请尝试以下方法:

$( '#offerte' ).attr( 'href', 'offerte.php?page=' + location.pathname );

答案 1 :(得分:0)

使用window.location 更多信息请http://www.w3schools.com/jsref/obj_location.asp

答案 2 :(得分:0)

你可以尝试,

document.getElementById("offerte").setAttribute("href",location.href);

答案 3 :(得分:0)

请尝试以下代码:

假设网址:example.com/city - &gt; example.com/paris

var u=window.location.href;
var city=u.substring(u.lastIndexOf("/")+1);
document.getElementById("offerte").setAttribute("href","offerte.php?page="+city);