2017-10-16 4 views
-2

Je veux ajouter une partie de l'URL actuelle à la page suivante (lien cliquez). Donc, fondamentalement, je prends l'url après '?' et attachez-le à la fin d'un lien. Comment utiliser finalurl comme lien?passant variable JavaScript dans le lien cliquable

<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> 
+1

essayer https://jsfiddle.net/t7wfLt47/ – Krusader

Répondre

2

Vous pouvez l'utiliser en invoquant un javascript méthode de 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>

+0

ça marche super, la fonct La méthode des ions est très propre. – Emily

0

Ajouter ID dans votre a et utiliser jQuery ou JavaScript pour mettre à l'intérieur il.

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>

0

Vous pouvez modifier le code pour devenir comme ceci:

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>

0

utilisant 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>

0

Ici vous allez avec une solution plus

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

Espérons que cela vous aidera.

0

Basé sur l'URL Vous devez changer/pour? ça va marcher. ou fournissez votre 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>

0

Je l'ai fait en utilisant jquery i hope u trouveront UTILE

<!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>