从一页重定向到另一页,并将href附加到重定向的URL

时间:2015-12-30 06:05:29

标签: php jquery html

在下面,我尝试从一个页面重定向到另一个页面,并将href属性附加到URL链接。



<script src="jquery-1.11.3.js"></script>
<script>
$(document).ready(function(){
	
	$('a').click(function(){
	var clk=$(this).attr('href');
	//alert(clk);
	window.location='http://www.shopeeon.com&ver='+clk;
	});
});
</script>

<a href="http://www.gogle.com">Google</a><br/>
<a href="http://www.yahoo.com">Yahoo</a><br/>
<a href="http://www.rediff.com">Rediff</a><br/>
&#13;
&#13;
&#13;

在上面的示例中,首先我想要href(即http://www.google.com,http://www.yahoo.com,..etc),它存储在&#39; clk&#39;变量并重定向到另一个页面(即http://shopeeon.com),其链接存储在&#34; clk&#34;变量

在我的情况下,当我点击链接而不是重定向到带有附加链接的其他页面时,它会运行该特定的href。

3 个答案:

答案 0 :(得分:3)

您必须使用.preventDefault()

停止其默认行为

<强> WORKING FIDDLE

$(document).ready(function(){

    $('a').click(function(e){
    e.preventDefault();
    var clk=$(this).attr('href');
    //alert(clk);
    //window.location='http://www.shopeeon.com&ver='+clk;
    window.location='http://www.shopeeon.com&ver='+encodeURI(clk);
    });
});

<强> UPDATE FIDDLE

答案 1 :(得分:1)

更好删除标记,在那里添加一些带有数据属性地址网址的div标记。

例如,

<script src="jquery-1.11.3.js"></script>
<script>
$(document).ready(function(){

    $('a').click(function(){
    var clk=$(this).attr('data-href');
    //alert(clk);
    window.location='http://www.shopeeon.com&ver='+clk;
    });
});
</script>

<div data-href="http://www.yahoo.com">Yahoo</div><br/>

答案 2 :(得分:0)

$(document).ready(function(){
    $('a').click(function(){
        var clk=$(this).attr('href');

        clk ='http://www.shopeeon.com&ver='+clk;
        alert(clk);
        $(location).attr("href", clk);
    });
})

Google
点击Google查看重定向网页的网址内容