PC端实现浏览器点击分享到QQ好友,空间,微信,微博等

最新推荐文章于 2024-03-04 22:51:45 发布

weixin_30835933

最新推荐文章于 2024-03-04 22:51:45 发布

阅读量805

点赞数

原文链接：http://www.cnblogs.com/guanjunhui/p/8694601.html

版权

网上现在比较流行的是JIaThis,但是测试的时候,不能分享给QQ好友,一直卡在输入验证码,以下代码亲测有效,可直接使用

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
response.setHeader("Cache-Control", "no-store");
response.setHeader("Pragrma", "no-cache");
response.setDateHeader("Expires", 0);
%>
<html>
<head>
<base href="<%=basePath%>">
<link rel="stylesheet" href="front/css/common.css" />
<link rel="stylesheet" href="front/css/header.css" />
<link rel="stylesheet" href="front/css/dr-info.css" />
<script src="front/js/jquery.min.js"></script>
<script src="front/js/lunbo.js"></script>
<script src="static/js/main.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<!-- 分享网页JS -->
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1" charset="utf-8"></script>
<!-- JiaThis Button BEGIN --><div id="ckepop">
<span class="jiathis_txt">分享到：</span>
<a rel="nofollow" onclick="jiathis_sendto('weixin');return false;" class="c1a"><span class="jtico jtico_weixin"> 微信<span class="media_go"></span></span></a>
<a rel="nofollow" onclick="qqShare()" class="c1a"><span class="jtico jtico_cqq"> QQ好友<span class="media_go"></span></span></a>
<a rel="nofollow" onclick="jiathis_sendto('tsina');return false;" class="c1a"><span class="jtico jtico_tsina"> 新浪微博<span class="media_go"></span></span></a>
<a rel="nofollow" onclick="share(4)" class="c1a"><span class="jtico jtico_qzone"> QQ空间<span class="media_go"></span></span></a>

</div> <!-- JiaThis Button END -->

<script>
function share(type) {
ShareAll(type); 
}
//获取页面描述（description）
var meta = window.document.getElementsByTagName('meta');
var share_desc = '';
for (i in meta) {
if (typeof meta[i].name != "undefined"
&& meta[i].name.toLowerCase() == "description") {
share_desc = meta[i].content;
}
}

//获取页面图片，可以多张，也可以一张，看自己的需求
var shareDara = {
pic : (function() {
var pics = ''
var num = 0;
$("#topicContent > p img").each(function(i, k) {
if (i < 1) {
pics += $(k).attr('src');
if (pics != '')
return pics;
} else {
if (pics != '')
return pics;
pics += ',' + $(k).attr('src');
}
})
return pics
})(),
title : (function() {
return delHtmlTag($("#tTitle").html().trim());
})(),
url : location.href,
desc : (function() {
return delHtmlTag($("#topicContent > p").eq(0).html() == undefined ? ""
: $("#topicContent > p").eq(0).html().trim());
})()
}

//去掉所有的html标记 
function delHtmlTag(str) {
return str.replace(/<[^>]+>/g, "").trim();
}

function ShareAll(type) {
var obj_QZone = {
url : "www.cnblogs.com/zhangpengnike/p/7543721.html", /* shareDara.url, *//*获取URL，可加上来自分享到QQ标识，方便统计*/
desc : '分享QQ空间测试1', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/
sharesource : 'qzone'
};

var obj_WeChat = {
url : "www.cnblogs.com/zhangpengnike/p/7543721.html",/* shareDara.url, *//*分享URL*/
title : "用手机扫下面的二维码分享"//shareDara.title /*分享标题*/
};

var s = [];

if (type == 1) { //朋友圈
for ( var i in obj_WeChat) {
s.push(i + '=' + encodeURIComponent(obj_WeChat[i] || ''));
}
var wechathref = "http://xx.com/WeChatShareQR/index?"
+ s.join('&');
alert(wechathref);
winpop(wechathref, 500, 450);
} else if (type == 2) { //微信好友
for ( var i in obj_WeChat) {
s.push(i + '=' + encodeURIComponent(obj_WeChat[i] || ''));
}
var wechathref = "http://xx.com/WeChatShareQR/index?"
+ s.join('&');
winpop(wechathref, 500, 450);
} else if (type == 4) { //QQ空间
for ( var i in obj_QZone) {
s.push(i + '=' + encodeURIComponent(obj_QZone[i] || ''));
}
var qzonehref = "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?"
+ s.join('&');
winpop(qzonehref, 800, 600);
}
}
function winpop(url, iWidth, iHeight) {
var openUrl = url;
var iTop = (window.screen.availHeight - 50 - iHeight) / 2;
var iLeft = (window.screen.availWidth - 30 - iWidth) / 2;
window.open(openUrl,"_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width="+ iWidth+ ", height="+ iHeight+ ", top="+ iTop + ",left=" + iLeft);
}
/* QQ好友分享功能 */
function qqShare(){
var p = {
url:'www.cnblogs.com/zhangpengnike/p/7543721.html', /*获取URL，可加上来自分享到QQ标识，方便统计*/
desc:'发送信息给好友', 
summary:'', /*分享摘要(可选)*/
pics:'', /*分享图片(可选)*/
flash: '', /*视频地址(可选)*/
site:'http://wwww.baidu.com', /*分享来源(可选) 如：QQ分享*/
style:'203',
width:16,
height:16
};
var s = [];
for(var i in p){
s.push(i + '=' + encodeURIComponent(p[i]||''));
}
var qhref = "http://connect.qq.com/widget/shareqq/index.html?"+s.join('&');
$(".c1a").attr({href:qhref,target:"_blank"});
};
</script>

</body>
</html>