Question

所以，我读过类似的东西，但我仍然找不到一个更贴近我正在做的事情的答案。我正在尝试使用JS获取当前页面URL并将其附加到社交媒体共享链接，如下所示：

<a href="http://reddit.com/submit?url=CURRENTPAGE.html; title="This is a post!" target="_blank">

使用Javascript，我设法将当前URL分配给变量：

<script>
var x = window.location.href;
document.getElementById("smsharing").innerHTML = x;
</script></p>

我确保它通过测试显示它起作用。那么究竟是什么方法/语法实际上用'x'代替CURRENTPAGE.html ???

我知道这是一个愚蠢的问题，但我真的很难过。细节有所帮助，因为部分问题在于我对JS的知识很少。想法？

Answer 1

只使用纯JavaScript，您可以通过将基本href作为字符串来设置链接的href，然后在需要的地方添加变量。

var x = window.location.href;
document.getElementById("linkid").href = "http://reddit.com/submit?url="+encodeURIComponent(x);

Answer 2

获取没有url值的元素当前href并附加当前网址。

修改HTML

<a id='smsharing' 
   href="http://reddit.com/submit?url="
   title="This is a post!"
   target="_blank">link</a>

脚本

<script>
var x = window.location.href;
var link = document.getElementById("smsharing"); // store the element
var curHref = link.getAttribute('href'); // get its current href value
link.setAttribute('href', curHref + x);
</script>

Answer 3

这应该这样做：

<script>
baseurl="http://www.facebook.com?"
function buildURL(item)
{
    item.href=baseurl+window.location.href;
    return true;
}
</script>
</head>
<body>
<a onclick="return buildURL(this)" href="">Google</a>
</body>

Answer 4

使用jQuery就像：

$('a').attr("href",x);

Answer 5

您只需将innerHTML替换为href：

document.getElementById("smsharing").href = x;

希望这有帮助。

Answer 6

一旦您有权访问当前URL，您就可以找到该元素并替换CURRENTPAGE.html。为此，您需要一些方法来选择元素。我们给它一个ID：

<a id="myLink" href="http://reddit.com/submit?url=CURRENTPAGE.html"></a>

现在我们可以抓住这样的链接：

var link = document.getElement('myLink');

让我们再次获取网址，并为其提供更好的变量名称：

var url = window.location.href;

现在让我们更新link的HREF属性：

link.href = link.href.replace('CURRENTPAGE.html', url);

那就是它！

Answer 7

为链接的完整href属性创建另一个变量：

instagram.com

然后用该变量替换当前的href属性：

var myURL = "http://reddit.com/submit?url=" + x;

使用JS和HTML

7 个答案:

修改HTML

脚本