js分享到新浪、豆瓣和花瓣的代码_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

js分享到新浪、豆瓣和花瓣的代码

来源：未知作者：类型：图文教程点击次数：发布时间：2019-12-22 02:29:32

这是我爱模板网从网上down下来的三个分享代码，分别分享到新浪、豆瓣和花瓣，采用模态框弹出的形式进行分享，可以分享文章标题、作者和头像，效果如下图：

运行下面的代码可以查看最终效果：

<html> <head> <meta charset="utf-8"> <title>js分享代码 - 我爱模板网</title> </head> <body> <h1 id="p-title">这是分享的标题</h1> <p id="p-author">这是分享的作者名</p> <div id="p-content"> 这是分享内容 <img src="http://www.5imoban.net/uploads/allimg/141031/1-14103110362L28.jpg"> </div> <button onclick="doShareSina()">新浪</button> <button onclick="doShareDouban()">豆瓣</button> <button onclick="doSharehuaban()">花瓣</button> <script type="text/javascript"> var _listImgData = { content : '', author : '', url : 'http://www.5imoban.net', title : '', pic : '', }; function shareSina() { var title= "《"+ _listImgData.title +'》作者：'+ _listImgData.author +' - 更多大图猛戳: '+_listImgData.url +' (分享来自我爱模板网)'; var pic = _listImgData.pic; var weibo_url = 'http://service.weibo.com/share/share.php?title="+ encodeURIComponent( title ) +"&source=bookmark&appkey=3664928472&pic='+encodeURIComponent( pic ); window.open( weibo_url, "_blank", "height=495, width=510, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" ); }; function shareDouban() { var title= "《"+ _listImgData.title +'》作者：'+ _listImgData.author +' - 更多大图猛戳: '+_listImgData.url +' (分享来自我爱模板网)'; var pic = _listImgData.pic; var teng_rul= 'http://www.douban.com/share/service?bm=&image='+ encodeURIComponent( pic ) +'&title="+ encodeURIComponent( title ); window.open( teng_rul, "_blank", "height=495, width=510, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" ); }; function sharehuaban() { var title= "《"+ _listImgData.title +'》作者：'+ _listImgData.author +' - 更多大图猛戳: '+_listImgData.url +' (分享来自我爱模板网)'; var pic = _listImgData.pic; var teng_rul= 'http://huaban.com/bookmarklet/?url='+encodeURIComponent( pic ); window.open( teng_rul, "_blank", "height=495, width=510, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" ); }; function doShareSina(){ _listImgData.url = location.href; _listImgData.author = document.querySelector('#p-author').innerText; _listImgData.title = document.querySelector('#p-title').innerText; _listImgData.pic = document.querySelector('#p-content img').getAttribute('src'); shareSina(); } function doShareDouban(){ _listImgData.url = location.href; _listImgData.author =document.querySelector('#p-author').innerText; _listImgData.title = document.querySelector('#p-title').innerText; _listImgData.pic = document.querySelector('#p-content img').getAttribute('src'); shareDouban(); } function doSharehuaban(){ _listImgData.pic = document.querySelector('#p-content img').getAttribute('src'); sharehuaban(); } </script> </body> </html>
提示：您可以先修改部分代码再运行