zoukankan      html  css  js  c++  java
  • JS实现页面分享代码share,不需要第三方接口

    在开发一个页面的时候常常会有这么一个小功能,就是分享该页面中的信息。

    常见的分享代码有百度分享, JiaThis分享插件(现在貌似不能用了),bshare分享插件等,我主要分享一下自定义分享代码,如下:

    function dofristshare(type) {
        var title = encodeURIComponent("新年快乐,马年吉祥");
        var link = encodeURIComponent('http://www.baidu.com');
        var image = encodeURIComponent('http://www.baidu.com/img/bdlogo.gif');
    
        if (type == "sina") {
            window.open("http://v.t.sina.com.cn/share/share.php?url=" + link + "&title=" + title + "&content=utf8&pic=" + image);
        }
    
        if (type == "tx") {
            window.open("http://v.t.qq.com/share/share.php?url=" + link + "&title=" + title + "&pic=" + image);
        }
    
        if (type == "qzone") {
            window.open("http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=" + link + "&title=" + title  + "&pics=" + image);
        }
    
        if (type == "rr") {
            window.open("http://widget.renren.com/dialog/share?resourceUrl=" + link + "&title=" + title  + "&pic=" + image);
        }
    
       if (type == "douban") {
            window.open("http://www.douban.com/recommend/?url=" + link + "&title=" + title + "&image=" + image);
        }
    
        return false;
    
    }

    htm代码:

    <div class="share_top_style">
            <a href="javascript:void()" class="" onClick="dofristshare('sina')"><img src="images/sina.png" alt="新浪微博"></a>
    
            <a href="javascript:void()" class="" onClick="dofristshare('tx')"><img src="images/tx.png" alt="腾讯微博"></a>
    
            <a href="javascript:void()" class="" onClick="dofristshare('rr')"><img src="images/rr.png" alt="人人网"></a>
    
            <a href="javascript:void()" class="" onClick="dofristshare('qzone')"><img src="images/qq.png" alt="QQ空间"></a>
    
            <a href="javascript:void()" class="" onClick="dofristshare('douban')"><img src="images/db.png" alt="豆瓣"></a>
     </div>
  • 相关阅读:
    (网页)中的简单的遮罩层
    (后端)shiro:Wildcard string cannot be null or empty. Make sure permission strings are properly formatted.
    (网页)jQuery的时间datetime控件在AngularJs中使用实例
    Maven Myeclipse 搭建项目
    MyBatis 环境搭建 (一)
    java 常用方法
    XML 基础
    JS BOM
    js 事件
    js 的使用原则
  • 原文地址:https://www.cnblogs.com/moqiutao/p/4754360.html
Copyright © 2011-2022 走看看