js——发表评论和分享功能

js部分：

        window.onload=function(){var btnShare=document.getElementById('btn_share');var btnPut=document.getElementById('btn_put');var ul=document.getElementById('ul');var li=ul.children;//分享关闭document.onclick=function(){ul.style.display='';};//分享打开btnShare.onclick=function(e){e.stopPropagation();ul.style.display='block';};//发表评论btnPut.onclick=function(){var getContent=document.getElementById('enjoy').value;if(getContent){var content=document.getElementById('footer');content.innerHTML='<p>'+getContent+'</p>'+content.innerHTML;document.getElementById('enjoy').value='';}else{alert('请输入内容');}};//分享点击for(var i=0;i<li.length;i++){li[i].index=i;li[i].onclick=function(e){e.stopPropagation();var getContent=document.getElementById('enjoy').value;//qqif(this.index===0){var p = {url: 'https://blog.csdn.net/lucky541788/article/details/81835975',/*获取URL，可加上来自分享到QQ标识，方便统计*/desc: '来自浩博的分享', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/title : getContent,/*分享标题(可选)*/summary : getContent,/*分享描述(可选)*/site: 'hu\'s comment'/*分享来源 (可选) ，如：QQ分享*/};var s = [];for (var i in p) {s.push(i + '=' + encodeURIComponent(p[i] || ''));}var target_url = "http://connect.qq.com/widget/shareqq/iframe_index.html?" + s.join('&') ;window.open(target_url, 'qq','height=520, width=720');}//qq空间else if(this.index===1){var p1 = {url: 'https://blog.csdn.net/lucky541788/article/details/81835975',/*获取URL，可加上来自分享到QQ标识，方便统计*/desc: '来自浩博的分享', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/title : getContent,/*分享标题(可选)*/summary : getContent,/*分享描述(可选)*/site: 'hu\'s comment'/*分享来源 (可选) ，如：QQ分享*/};var s1 = [];for (var i1 in p1) {s1.push(i1 + '=' + encodeURIComponent(p1[i1] || ''));}var target_url1 =  "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?"+ s1.join('&') ;window.open(target_url1, 'qZone','height=520, width=720');}//微信else if(this.index===2){var p2 = {url: 'https://blog.csdn.net/lucky541788/article/details/81835975',/*获取URL，可加上来自分享到QQ标识，方便统计*/desc: '来自浩博的分享', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/title : getContent,/*分享标题(可选)*/summary : getContent,/*分享描述(可选)*/site: 'hu\'s comment'/*分享来源 (可选) ，如：QQ分享*/};var s2 = [];for (var i2 in p2) {s2.push(i2 + '=' + encodeURIComponent(p2[i2] || ''));}var target_url2 ="http://qr.liantu.com/api.php?text=http://test.qicheyitiao.com" + s2.join('&') ;window.open(target_url2, 'weixin','height=520, width=720');}//微博else {var param = {url: 'https://blog.csdn.net/lucky541788/article/details/81835975',/*获取URL，可加上来自分享到QQ标识，方便统计*/desc: '来自浩博的分享', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/title : getContent,/*分享标题(可选)*/summary : getContent,/*分享描述(可选)*/site: 'hu\'s comment'/*分享来源 (可选) ，如：QQ分享*/};var temp = [];for( var p3 in param ){temp.push(p3 + '=' +encodeURIComponent( param[p3 ] || '' ) )}var target_url3 ="http://service.weibo.com/share/share.php?"+temp.join('&');window.open(target_url3, 'sinaweibo','height=430, width=400');}}}}

html部分：

<div id="comment"><div id="header"><textarea name="comment" id="enjoy"></textarea><div id="share"><div><button id="btn_share">分享</button><ul id="ul"><li>分享至QQ</li><li>分享至QQ空间</li><li>分享至微信</li><li>分享至微博</li></ul></div><button id="btn_put">发表评论</button></div></div><div id="footer"></div>
</div>

js——发表评论和分享功能相关推荐

js实现第三方平台分享功能
1. qq好友分享实现 API文档:https://connect.qq.com/intro/sharetoqq/ 链接为 : http://connect.qq.com/wi ...
利用NativeShare.js实现移动端分享功能
原文地址 https://github.com/fa-ge/NativeShare/blob/master/README.md 下载地址:https://github.com/fa-ge/Native ...
js实现选中文字分享功能
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
通过JS控制各种元素的点击事件的【时间间隔】，特别适合【发表评论】功能...
1.使用情景模拟:下单(防止用户无脑狂点).支付(防止用户无脑点击支付).发表评论(防止用户无脑点击),当然如果你用了一个提示框进行屏蔽,下面代码可以无视了,右上角谢谢. 2.默写情景比如:比如发表评 ...
评论的ajax请求,pjblog发表评论用的ajaxJS.js
pjblog发表评论用的ajaxJS.js 更新时间:2007年04月25日 00:00:00 作者: document.write(' 数据正在读取中,请等候... ') function sh ...
PHP+MySQL设计高效发表评论留言功能
分享一个PHP+MySQL+Ajax设计的高效发表评论留言功能,可以将此功能应用在网站留言.评论等地方. 首先我们放置一个评论表单和显示评论列表#comments,接着调用评论列表,并且通过Ajax发 ...
js实现QQ、微信、新浪微博分享功能
使用js实现QQ.微信.新浪微博分享功能. 微信分享需要手机扫描二维码,需要对url进行编码.在https协议下,扫描二维码时,浏览器打不开可能是没有安全证书导致的. js代码: 1 var shar ...
微信分享功能问题-描述内容换行，导致js加载失败
jsContent内容存在换行符,导致js处理失败, 解决办法,在后台接口中替换'/r/n'为空,并截取前30位 weiXinJsSdk.setSharcontent(StringUtils.isNo ...
【Javascript】进阶之实现评论分页与发表评论功能
描述:实现评论分页与发表评论 1.评论分页,通过上一页.下一页和输入页数跳转 2.发表评论是需要先判断是否登录,登录后显示个人中心和退出,再发表评论,如果选择匿名评论,则显示匿名代码实现 HTML ...

js——发表评论和分享功能

js——发表评论和分享功能相关推荐

最新文章

热门文章