Question

这是我下面的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或其他方法做到这一点？

Answer 1

使用： -

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

Answer 2

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

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

Answer 3

使用纯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/

动态创建 href 属性的其他方法：

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

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

3 个答案: