文档章节

使用Javascript 实现 分享到 新浪微博 QQ 空间等

 蜗牛奔跑
发布于 2015/07/30 10:39
字数 526
阅读 124
收藏 0
点赞 0
评论 0
分类: JS 2012-09-10 15:34  8196人阅读  评论(1)  收藏  举报

我们阅读博客的时候经常会用到这样功能,当然有时候也会想把自己的网站上也加入类似的分享功能,各大厂商已经给出了相应的API,点击一个按钮即可弹出窗口进入分享,我们事先可以设置一些参数,一般常用的就是 网站的网址,图片还有一些内容描述。这里我写了三个方法,分别分享到 新浪微博,Q空间,以及腾讯微博


[javascript]  view plain copy
  1. <span style="font-size:24px;">var ShareTip = function()  
  2. {  
  3.     
  4. }  
  5. //分享到腾讯微博  
  6. ShareTip.prototype.sharetoqq=function(content,url,picurl)  
  7. {  
  8.  var shareqqstring='http://v.t.qq.com/share/share.php?title='+content+'&url='+url+'&pic='+picurl;  
  9.  window.open(shareqqstring,'newwindow','height=100,width=100,top=100,left=100');  
  10. }  
  11. //分享到新浪微博  
  12. ShareTip.prototype.sharetosina=function(title,url,picurl)  
  13. {  
  14.  var sharesinastring='http://v.t.sina.com.cn/share/share.php?title='+title+'&url='+url+'&content=utf-8&sourceUrl='+url+'&pic='+picurl;  
  15.  window.open(sharesinastring,'newwindow','height=400,width=400,top=100,left=100');  
  16. }  
  17. //分享到QQ空间  
  18. ShareTip.prototype.sharetoqqzone=function(title,url,picurl)  
  19. {  
  20.  var shareqqzonestring='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?summary='+title+'&url='+url+'&pics='+picurl;  
  21.  window.open(shareqqzonestring,'newwindow','height=400,width=400,top=100,left=100');  
  22. }  
  23. </span>  


 

 以上的函数分别具有三个参数,内容,网址,以及 图片,也就是我们想要分享的内容

 

测试代码如下(我们可以写在一个按钮的单击事件里,关于按钮的长相,这个自己定义

 

[javascript]  view plain copy
  1. <span style="font-size:18px;">var share1=new ShareTip();  
  2.   share1.sharetoqqzone("这是一本关于地图故事的集锦,以一本书的形式来展示地图故事,我们可以使用鼠标拖动来翻页,或者点击翻页按钮,点击 马上体验,可以体验故事,同时在触屏上也有很好的体验效果奥,地图故事,尽在书中,赶快体验吧,建议使用对 HTML5支持较好的浏览器","http://tm.arcgisonline.cn:8038/App101/MapstoryBook/Default.html","http://tm.arcgisonline.cn:8038/App101/MapstoryBook/css/Img/ShareBook.jpg");</span>  

本文转载自:

共有 人打赏支持
粉丝 36
博文 596
码字总数 114025
作品 0
海淀
腾讯空间、新浪微博、腾讯微博登录接口

腾讯空间、新浪微博、腾讯微博登录接口的使用。 注意:在网站对接前,请先申请注册好您的QQ登录appid、新浪登录Appkey、腾讯微博appkey。 1、引用JS文件 <script src="http://qzonestyle.gti...

凯文加内特
2014/08/22
0
0
网页常用分享代码大全(前端必备)

1、新浪微博 新浪微博 2、腾讯微博 腾讯微博 3、开心网

thinkyoung
2013/07/26
0
0
js页面文字选中后分享到新浪微博实现

js页面文字选中后分享到新浪微博实现 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1428 一、功能简述 正是微博如火如荼的时节,其中各...

蜗牛奔跑
2015/07/30
0
0
React Native 轻松集成分享功能(Android 篇)

关于推送的集成请参考这篇文章,关于统计的集成请参考这篇文章,本篇文章将引导你集成分享功能。 在集成插件之前,需要在各大开放平台上成功注册应用,并通过审核(支持 3 个可选的主流平台)...

极光推送
2017/11/01
0
0
让人期待的2011年度最佳 jQuery 插件发布啦

  近日,国外著名博客WDL发布了2011年度最佳 jQuery 插件。jQuery 自2006年发布以来,经过五年的迅速发展,目前已是最流行和使用最广泛的 JavaScript 框架。jQuery 的易扩展性吸引了来自全...

Yamazaki
2012/05/02
0
0
微信开放JS-SDK,助力网页开发[转自微信官方]

微信公众平台今日面向开发者开放微信内网页开发工具包(微信JS-SDK)。 通过微信JS-SDK提供的11类接口集,开发者不仅能够在网页上使用微信本身的拍照、选图、语音、位置等基本能力,还可以直...

明非_
2014/07/26
0
14
JS实现一键分享功能

不多说,直接上代码: <div style="padding-left: 30px; margin-bottom: 8px; margin-top:5px; "> <div> <a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto">分享到</a> ......

笨小熊
2016/04/20
43
0
记录一次使用jiaThis社会化分享组件遇到的坑!!

在项目中用过几次jiaThis了,使用的是自定义的模式,前面几次都没有发现什么问题,但是这次却出现一个很奇葩的问题。 问题背景:使用jiaThis自定义分享,在本地测试时,所有分享均正常,但是...

chxiyu0720
2017/10/24
0
0
分享到qq空间,qq微博,新浪微博

qq互联网址 http://connect.qq.com/intro/share <script type="text/javascript"> (function(){ var p = { url:location.href, showcount:'0',/是否显示分享总数,显示:'1',不显示:'0' / d......

蜗牛奔跑
2015/07/30
0
0
Python使用cookielib和urllib2模拟登陆新浪微博并抓取数据

这个方法抓下来的网页,得不到相册图片,新浪要js动态生成图片,解决方法可以是:1. 本地用webkit跑抓下来的js;2.抓移动版微博的静态相册。 但都暂时未实现,欢迎回帖好方法,以下是转文。 ...

Honghe
2012/12/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

实现异步有哪些方法

有哪些方法可以实现异步呢? 方式一:java 线程池 示例: @Test public final void test_ThreadPool() throws InterruptedException { ScheduledThreadPoolExecutor scheduledThre......

黄威
今天
0
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

六库科技
今天
0
0
牛客网刷题

1. 二维数组中的查找(难度:易) 题目描述 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入...

大不了敲一辈子代码
今天
0
0
linux系统的任务计划、服务管理

linux任务计划cron 在linux下,有时候要在我们不在的时候执行一项命令,或启动一个脚本,可以使用任务计划cron功能。 任务计划要用crontab命令完成 选项: -u 指定某个用户,不加-u表示当前用...

黄昏残影
昨天
0
0
设计模式:单例模式

单例模式的定义是确保某个类在任何情况下都只有一个实例,并且需要提供一个全局的访问点供调用者访问该实例的一种模式。 实现以上模式基于以下必须遵守的两点: 1.构造方法私有化 2.提供一个...

人觉非常君
昨天
0
0
《Linux Perf Master》Edition 0.4 发布

在线阅读:https://riboseyim.gitbook.io/perf 在线阅读:https://www.gitbook.com/book/riboseyim/linux-perf-master/details 百度网盘【pdf、mobi、ePub】:https://pan.baidu.com/s/1C20T......

RiboseYim
昨天
1
0
conda 换源

https://mirrors.tuna.tsinghua.edu.cn/help/anaconda/ conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/conda config --add channels https://mir......

阿豪boy
昨天
1
0
Confluence 6 安装补丁类文件

Atlassian 支持或者 Atlassian 缺陷修复小组可能针对有一些关键问题会提供补丁来解决这些问题,但是这些问题还没有放到下一个更新版本中。这些问题将会使用 Class 类文件同时在官方 Jira bug...

honeymose
昨天
0
0
非常实用的IDEA插件之总结

1、Alibaba Java Coding Guidelines 经过247天的持续研发,阿里巴巴于10月14日在杭州云栖大会上,正式发布众所期待的《阿里巴巴Java开发规约》扫描插件!该插件由阿里巴巴P3C项目组研发。P3C...

Gibbons
昨天
1
0
Tomcat介绍,安装jdk,安装tomcat,配置Tomcat监听80端口

Tomcat介绍 Tomcat是Apache软件基金会(Apache Software Foundation)的Jakarta项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。 java程序写的网站用tomcat+jdk来运行...

TaoXu
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部