使用Javascript 實現 分享到 新浪微博 QQ 空間等
阿新 • • 發佈:2019-01-28
我們閱讀部落格的時候經常會用到這樣功能,當然有時候也會想把自己的網站上也加入類似的分享功能,各大廠商已經給出了相應的API,點選一個按鈕即可彈出視窗進入分享,我們事先可以設定一些引數,一般常用的就是 網站的網址,圖片還有一些內容描述。這裡我寫了三個方法,分別分享到 新浪微博,Q空間,以及騰訊微博
[javascript] view plaincopy- <span style="font-size:24px;">var ShareTip = function()
- {
- }
- //分享到騰訊微博
-
ShareTip.prototype.sharetoqq=function
- {
- var shareqqstring='http://v.t.qq.com/share/share.php?title='+content+'&url='+url+'&pic='+picurl;
- window.open(shareqqstring,'newwindow','height=100,width=100,top=100,left=100');
- }
- //分享到新浪微博
- ShareTip.prototype.sharetosina=function(title,url,picurl)
- {
-
var sharesinastring=
- window.open(sharesinastring,'newwindow','height=400,width=400,top=100,left=100');
- }
- //分享到QQ空間
- ShareTip.prototype.sharetoqqzone=function(title,url,picurl)
- {
-
var shareqqzonestring=
- window.open(shareqqzonestring,'newwindow','height=400,width=400,top=100,left=100');
- }
- </span>
以上的函式分別具有三個引數,內容,網址,以及 圖片,也就是我們想要分享的內容
測試程式碼如下(我們可以寫在一個按鈕的單擊事件裡,關於按鈕的長相,這個自己定義