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

时间:2017-10-16 10:01:35

标签: javascript jquery html url dom

我想将当前网址的一部分添加到下一页(链接点击)。 所以基本上,我把'?'后的网址拿走了?并将其附加到链接的末尾。 我如何使用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 个答案:

答案 0 :(得分:2)

您可以通过从getFirstDayOfWeek('2017-10-16'); //--> Sun Oct 15 2017 getFirstDayOfWeek('2017-10-16', 'Monday'); //--> Mon Oct 16 2017 getFirstDayOfWeek('2017-10-16', 'Tuesday'); //--> Tue Oct 10 2017

调用 javascript 方法来使用它

a

答案 1 :(得分:0)

在您的a中添加ID,并使用 jQuery JavaScript 将其添加到其中。

&#13;
&#13;
var codes = window.location.href.split('?')[1];
var finalurl = "www.google.com/" + codes;
document.getElementById("finalUrl").href = finalurl;
&#13;
<p><a id="finalUrl" href="finalurl">ChangedNextUrl</a></p>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您可以将代码编辑为:

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

答案 3 :(得分:0)

使用JQuery

&#13;
&#13;
$("#id").click(function(){
  var myVar = "addme";
  var href = window.location.href+myVar;
  window.location.href = href;
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 4 :(得分:0)

在这里,您可以再使用一个解决方案

&#13;
&#13;
$('a').click(function(){
  var codes = window.location.href.split('?')[1];
  var finalurl = "www.google.com/" + codes;
  window.location.href = finalurl;
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><a href="">ChangedNextUrl</a></p>
&#13;
&#13;
&#13;

希望这会对你有所帮助。

答案 5 :(得分:0)

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

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

答案 6 :(得分:0)

我是通过使用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>