在可點擊鏈接中傳遞JavaScript變量

-2

我想將當前網址的一部分添加到下一頁（點擊鏈接）。所以基本上，我在'？並將其附加到鏈接的末尾。我如何使用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>

來源

2017-10-16 Emily

試試這個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>

來源

2017-10-16 10:04:53 gurvinder372

它很好用，功能離子方法很乾淨。 – 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>

來源

2017-10-16 10:05:12

您可以編輯代碼變成這個樣子：

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>

來源

2017-10-16 10:09:02

使用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>

來源

2017-10-16 10:10:59 Saif

在這裏你去多一個解決方案

$('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>

希望這會幫助你。

來源

2017-10-16 10:13:04 Shiladitya

基於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>

來源

2017-10-16 10:14:11

我已經使用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>

來源

2017-10-16 11:41:31

在可點擊鏈接中傳遞JavaScript變量

回答

相關問題