在可點擊鏈接中傳遞 JavaScript 變量
[英]passing JavaScript variable in clickable link
問題描述
我想將當前 url 的一部分添加到下一頁（點擊鏈接）。 所以基本上，我在 '?' 之后獲取 url。 並將其附加到鏈接的末尾。 如何使用 finalurl 作為鏈接？
<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>
7 個解決方案
解決方案1
2 2017-10-16 10:04:53
您可以通過調用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>
解決方案2
0 2017-10-16 10:05:12
將 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>
解決方案3
0 2017-10-16 10:09:02
你可以編輯代碼變成這樣：
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>
解決方案4
0 2017-10-16 10:10:59
使用 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>
解決方案5
0 2017-10-16 10:13:04
給你另一種解決方案
$('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>
希望這會幫助你。
解決方案6
0 2017-10-16 10:14:11
基於 URL 您需要將 / 更改為 ?。 它會起作用。 或者提供您的網址。
<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>
解決方案7
0 2017-10-16 11:41:31
我已經使用 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>
將PHP變量傳遞到Javascript字符串中以進行嵌入式Vimeo鏈接
[英]Passing PHP variable into Javascript String for embedded Vimeo Link
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.