2013-04-26 44 views
0

我想建立一個分享按鈕,如Twitter的Tweet button。 (沒有計數功能) 我不知道從哪裏開始。任何人都可以向我解釋這個按鈕背後的基本架構嗎?JavaScript - 如何構建共享按鈕?

這是Twitter正在使用的代碼:

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.example.com" data-text="foo bar" data-lang="en" data-size="large">Tweet</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 

謝謝。

+0

有你有一個按鈕而不計的鏈接頁面上的選項。 – Jamiec 2013-04-26 15:37:17

+0

複製它們提供的代碼有什麼問題? – webnoob 2013-04-26 15:37:24

回答

0

從他們的頁面。

分享Tweet不計數:

<a href="https://twitter.com/twitter" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @twitter</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 
+0

@axrwkr - 看看這篇文章:http://stackoverflow.com/questions/3755606/what-does-the-exclamation-mark-do-before-the-function。 – webnoob 2013-04-26 21:42:40