繁体   English   中英

如何在href中回显javascript生成的值?

[英]how to echo javascript generated value in href?

这是我的以下JavaScript代码(仅获取当前网址)

 <html> <head> </head> <body onload="myFunction();"> <p id="myurl"></p> <script> function myFunction() { document.getElementById("myurl").innerHTML = window.location.host; } </script> </body> </html> 

现在我想使用<p id="myurl"></p>如下:

 <a href="https://www.facebook.com/sharer/sharer.php?u=<p id="demo"></p>">Share on Facebook</a> <br> 

但由于无法在href =“ value”内执行
有没有办法用php或其他方式做到这一点?

用这个 :-

 <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $_SERVER['REQUEST_URI']; ?>">Share on Facebook</a> <br>

我假设这里只需要客户端解决方案,服务器可以是任何东西(PHP,ASP等)。您要做的就是修改锚标记的href属性。 您可以将代码修改为-

var elm = document.getElementById("demo");
var URLBase = elm.getAttribute("href");
var fullURL = URLBase.window.location.host;
elm.setAttribute("href", fullURL);

使用纯JavaScript(href中的默认网址):

<a id="share_url" href="https://www.facebook.com/sharer/sharer.php?u=">Share on Facebook</a>

<script>
    function myFunction() {
        var el = document.getElementById("share_url");
        el.href += window.location.host;
    }
</script>

演示: http//jsfiddle.net/Lrkjr23o/1/

attribute dynamically: 动态创建属性的另一种方法:

<a id="share_url">Share on Facebook</a>

<script>
    function myFunction() {
        var el = document.getElementById("share_url");
        el.href = 'https://www.facebook.com/sharer/sharer.php?u=';
        el.href += window.location.host;
    }
</script>

演示: http//jsfiddle.net/Lrkjr23o/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM