javascript - 你能创建一个使用 Javascript 动态使用当前 URL 的链接吗？

Question

我正在尝试制作一个自定义 twitter 分享按钮，该按钮可以动态拉出您所在的页面并将其分享到 twitter。这是我所在的位置：

<a href="" onclick="window.location = 'http://twitter.com/home?status=' + document.write(document.URL); return false" target="_blank"><img src="https://twitter.com/favicons/favicon.ico" style="border:1px solid grey;box-shadow:0 4px 4px rgba(0,0,0,.2);border-radius: 3px;padding:2px;" /></a>

http://jsfiddle.net/dSVJf/1/

Answer 1

我想你想要这样的东西

HTML：

<a href="javascript:load_twitter();"><img src="https://twitter.com/favicons/favicon.ico" style="border:1px solid grey;box-shadow:0 4px 4px rgba(0,0,0,.2);border-radius: 3px;padding:2px;" /></a>

JS：

function load_twitter() { 
    window.open('http://twitter.com/share?text=Try this&url='+ window.location.href +'&via=atsbyvermouth','','scrollbars=no,menubar=no,height=450,width=650,resizable=yes,toolbar=no,location=no,status=no'); 
    return false;
}

演示。

Answer 2

带着这个去：

onclick="window.open(' http://twitter.com/home?status= ' + document.URL, '_blank');"

Answer 3

比仅删除更好的解决方案document.write是为禁用 javascript 的用户设置 href：

<a href="http://twitter.com/home?status=" onclick="this.href += document.URL" target="_blank"><img src="https://twitter.com/favicons/favicon.ico" style="border:1px solid grey;box-shadow:0 4px 4px rgba(0,0,0,.2);border-radius: 3px;padding:2px;" /></a>