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

时间:2013-09-19 18:23:51

标签: javascript html

我正在尝试制作一个自定义的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/

3 个答案:

答案 0 :(得分:0)

走了这个:

onclick =“window.open('http://twitter.com/home?status='+ document.URL,'_ blank');”

答案 1 :(得分:0)

比仅删除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>

答案 2 :(得分:0)

我想你想要这样的东西

<强> 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;
}

DEMO.