包括：QQ、QQ空間、新浪微博、騰訊微博，微信（只是一個二維碼）；

1、首先是html代碼：

（前端我并不太會，一直用的都是bootstrap）

 1 div >
1、然后js代碼：
（這里不包括微信的，）
1 function open_share(type) { 2 var shareUrl = ‘http://www.baidu.com’; 3 var shareTitle = 自定義標題 4 var shareImg = http://s.jiathis.com/qrcode.php?url= + shareUrl; 5 var shareDesc = 自定義內容 6 var openUrl = 7 switch (type) { 8 case qzone : 9 openUrl = http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url= + shareUrl + title= + shareTitle + pics= + shareImg12 break;13 case weixin :14 t_delay( 請在微信客戶端使用 15 return false;16 break;17 case qq :18 openUrl = http://connect.qq.com/widget/shareqq/index.html?url= + shareUrl + desc= + shareDesc +  summary= + shareDesc + site= + shareUrl + pics= + shareImg;21 break;22 case tqq :23 openUrl = http://v.t.qq.com/share/share.php?title= + shareTitle + url= + shareUrl + site= + shareUrl +  pic= + shareImg;26 break;27 case weibo :28 openUrl = = + shareUrl + title= + shareTitle + source= + shareUrl +  sourceUrl= + shareUrl + content= + shareDesc + pic= + shareImg;33 break;35 window.open(openUrl); }
3、然后微信的是彈出二維碼：
（用的還是bootstrap模態框）
1 !-- 模態框（Modal） -- 2 div >
4、最后是判斷是否在微信中打開：
（從別處扒來的，我這里做的是如果是微信中打開，就把原先彈出的二維碼和模態框給移除，放上一張帶箭頭的提示圖片，讓用戶用微信自帶的分享。）
1 //判斷微信 2 function is_weixn(){ 3 var ua = navigator.userAgent.toLowerCase(); 4 if(ua.match(/MicroMessenger/i)== micromessenger ) { 5 $( div ).remove( div[ >
以上就是html實現以一個簡單的分享功能介紹的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。