zoukankan      html  css  js  c++  java
  • PC端实现浏览器点击分享到QQ好友,空间,微信,微博等 斧头帮

    网上现在比较流行的是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',
    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>
  • 相关阅读:
    $(function(){});和window.onload=function(){}的区别?
    DELETE和TRUNCATE的区别与联系
    SQL中count(*)和count(1)的区别
    泛型结构使用大全(泛型类、泛型接口)
    Stream流说明
    直接与非直接缓冲区
    Unix系统的五种I/O模型
    git使用方法
    linux下的系统调用函数到内核函数的追踪
    linux awk用法(主要为命令行)
  • 原文地址:https://www.cnblogs.com/guanjunhui/p/8694601.html
Copyright © 2011-2022 走看看