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

Question

在下面，我试图将具有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/> 

在上面的示例中，onclick首先我要存储在'clk'变量中的href（即http：//www.google.com,http：//www.yahoo.com,..etc ）并重定向到另一个页面（即http ：//shopeeon.com ），并将其链接存储在“ clk”变量中。

就我而言，当我单击链接而不是重定向到带有附加链接的其他页面时，它将运行该特定的href。

Answer 1

您必须使用.preventDefault()停止其默认行为。

工作场所

$(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);
    });
});

更新字段

Answer 2

最好删除标签，在其中添加一些带有data属性的URL的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/>

Answer 3

$(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以查看url中的内容以重定向页面