在下面,我尝试从一个页面重定向到另一个页面,并将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;
在上面的示例中,首先我想要href(即http://www.google.com,http://www.yahoo.com,..etc),它存储在&#39; clk&#39;变量并重定向到另一个页面(即http://shopeeon.com),其链接存储在&#34; clk&#34;变量
在我的情况下,当我点击链接而不是重定向到带有附加链接的其他页面时,它会运行该特定的href。
答案 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查看重定向网页的网址内容