在可点击链接中传递JavaScript变量

问题描述：

我想将当前网址的一部分添加到下一页（点击链接）。所以基本上，我在'？并将其附加到链接的末尾。我如何使用finalurl作为链接？在可点击链接中传递JavaScript变量

<html> 
    <body> 
    <script> 
     var codes = window.location.href.split('?')[1]; 
     var finalurl = "www.google.com/" + codes; 
    </script> 

    <p><a href="finalurl">ChangedNextUrl</a></p> 
    </body> 
</html>

试试这个https://jsfiddle.net/t7wfLt47/ – Krusader

答

您可以通过调用的JavaScript方法使用它从a

<html> 
 
<body> 
 
<script> 
 
function goToFinalURL() 
 
{ 
 
    var codes = window.location.href.split('?')[1]; 
 
    console.log(codes); 
 
    var finalurl = "https://www.google.com/" + codes; 
 
    window.location.href = finalurl; 
 
} 
 
</script> 
 

 
<p><a href="javascript:goToFinalURL()">ChangedNextUrl</a></p> 
 
</body> 
 
</html>

它很好用，功能离子方法很干净。 – Emily

答

添加ID到您的a和使用jQuery的或的JavaScript为里面放它。

var codes = window.location.href.split('?')[1]; 
 
var finalurl = "www.google.com/" + codes; 
 
document.getElementById("finalUrl").href = finalurl;

<p><a id="finalUrl" href="finalurl">ChangedNextUrl</a></p>

答

您可以编辑代码变成这个样子：

var codes = window.location.href.split('?')[1]; 
 
var finalurl = "https://www.google.com/" + codes; 
 
a = document.querySelector('a'); 
 
a.setAttribute("href",finalurl);

<p><a href="">ChangedNextUrl</a></p>

答

使用JQuery

$("#id").click(function(){ 
 
    var myVar = "addme"; 
 
    var href = window.location.href+myVar; 
 
    window.location.href = href; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<p><a href="finalurl" id="id">ChangedNextUrl</a></p>

答

在这里你去多一个解决方案

$('a').click(function(){ 
 
    var codes = window.location.href.split('?')[1]; 
 
    var finalurl = "www.google.com/" + codes; 
 
    window.location.href = finalurl; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p><a href="">ChangedNextUrl</a></p>

希望这会帮助你。

答

基于URL您需要更改/ to？。它会工作。或者提供你的网址。

<html> 
 
<body> 
 
<script> 
 
function final_url() { 
 

 
    var codes = window.location.href.split('/')[2]; 
 
    var finalurl = "www.google.com/" + codes; 
 
    window.location.href = finalurl; 
 
} 
 
</script> 
 

 
<p><a href"#" onclick="final_url()">ChangedNextUrl</a></p> 
 
</body> 
 
</html>

答

我已经使用jQuery做这个，我希望你会发现它有益

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
 
    <script type="text/javascript"> 
 
     $(document).ready(function() { 
 
      var codes = window.location.href; 
 
      codes= codes.substr(codes.lastIndexOf('/')+1); 
 
      var finalurl = "https://stackoverflow.com/posts/46769492/" + codes; 
 
      $('#links').attr('href', finalurl); 
 
     }); 
 
    </script> 
 
    <title></title> 
 
</head> 
 
<body> 
 
    <a id="links" href="https://www.google.co.in/">ChangedNextUrl</a> 
 
</body> 
 
</html>

在可点击链接中传递JavaScript变量

相关推荐