如何将JavaScript值传递给HTML HREF属性



我想在HTML主体内的HREF属性中传递final名称的值。我该怎么办?

<html>
<script type="text/javascript" language="Javascript">
        var url = window.location.search;
        var val = getParameter('n');
        var finalName = "";
        if( val == false ) {
            var a= prompt("Enter your name & see the magic", "");
            if(a){
                window.location.href = '?n='+a;
                document.getElementById("demo2").innerHTML = a ;
                finalName = a;
            }
        }
        else {
            document.getElementById('demo2').innerHTML = val;
        }
</script>
<body>
<a class="footerbtn" href="whatsapp://send?text= send you special surprise message%0A%0ATouch this blue line %0Aenter your name %0A http://magic.pagalworld.buzz/?n=" 
  onclick="location.href=this.href+finalName;return false;"><img width="25px" height="25px" src="wp.png"/><b style="font-size: 15px;"> Click Here to Share on Whatsapp</b> <img width="25px" height="25px" src="wp.png"/></a>
</body>
</html>

您可以使用window.finalname使变量可访问。例如:

<script type="text/javascript" language="Javascript">
        var url = window.location.search;
        var val = getParameter('n');
        window.finalName = "";
        if( val == false ) {
            var a= prompt("Enter your name & see the magic", "");
            if(a){
                window.location.href = '?n='+a;
                document.getElementById("demo2").innerHTML = a ;
                window.finalName = a;
            }
        }
        else {
            document.getElementById('demo2').innerHTML = val;
        }
</script>
<html>
<body>
<a class="footerbtn" href="whatsapp://send?text= send you special surprise message%0A%0ATouch this blue line %0Aenter your name %0A http://magic.pagalworld.buzz/?n=" 
  onclick="location.href=this.href+finalName;return false;"><img width="25px" height="25px" src="wp.png"/><b style="font-size: 15px;"> Click Here to Share on Whatsapp</b> <img width="25px" height="25px" src="wp.png"/></a>
</body>
</html>

最新更新