废话不多说,直接上代码

HTML

<div class="viewshare wb"></div>

JS

$('.wb').click(function(){window.sharetitle = title; //分享内容的标题window.shareUrl = encodeURIComponent(location.href);//分享内容的链接,链接一定要用encodeURIComponent处理一下,不然分享之后的链接会没有参数window.shareImg = imgUrl; //分享内容的图片链接wbshare();});
function wbshare(){var d= window;d.location.href="http://service.weibo.com/share/share.php?url="+d.shareUrl+"&title="+d.sharetitle+"&searchPic=true";//微博自动抓取图片用这个d.location.href="http://service.weibo.com/share/share.php?url="+d.shareUrl+"&title="+d.sharetitle+"&pic="+d.shareImg;//自定义图片用这个}

拓展:

微博分享API参数说明

count=表示是否显示当前页面被分享数量(1显示)(可选,允许为空)
&url=将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空)
&appkey=用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空)
&title=分享时所示的文字内容,为空则自动抓取分享页面的title值(可选,允许为空)
&pic=自定义图片地址,作为微博配图(可选,允许为空)
&ralateUid=转发时会@相关的微博账号(可选,允许为空)
&language=语言设置(zh_cn|zh_tw)(可选)
&searchPic= true/false 用于控制是否自动爬取页面的图片,和pic不共存

H5手机端JS实现微博分享实例详解相关推荐

  1. JS正则表达式常见用法实例详解

    这篇文章主要介绍了JS正则表达式常见用法,结合实例形式分析了javascript元字符.分组符.修饰符.量词基本含义,并结合具体案例形式分析了javascript正则基本使用技巧,需要的朋友可以参考下 ...

  2. 05Vue.js快速入门-Vue实例详解与生命周期

    Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理.数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成.编译.挂着. ...

  3. H5手机端JS常用屏幕宽度和高度获取方法

    js获取手机屏幕宽度.高度 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document. ...

  4. js事件监听器用法实例详解

    这篇文章主要介绍了js事件监听器用法,以实例形式较为详细的分析了javascript事件监听器使用注意事项与相关技巧,需要的朋友可以参考下 本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体 ...

  5. js java 图片上传_spring(java,js,html) 截图上传图片实例详解

    html 最后 上传了这个插件 共学习参考 function addFile(obj){ //document.getElementById('img').src = path; $.ajaxFile ...

  6. 移动端html5广告的优势,h5手机端开发的优势都有哪些呢

    原标题:h5手机端开发的优势都有哪些呢 现在是手机不离手的时代,可以说每个人都有一部甚至两部手机来打发日常的空余时间,那么你知道h5手机端开发的优势都有哪些吗?下面原创先锋小编给大家详细介绍下,想要了 ...

  7. HTML手机签到转盘抽奖页面模板,手机端转盘抽奖代码分享

    演示效果如下: 不废话了,直接给大家贴代码了. html部分 css部分,由于做的这个转盘是手机端的,采用的响应式布局 .turntableWap{ padding:1rem; background: ...

  8. android H5手机端锁屏自动定位问题

    关于Android H5手机端后台自动上报定位信息的那点事 手机上的几个重要操作 方法一:使用原生android进行定位(uni-app) 方法二:使用jswork保持后台运行 手机上的几个重要操作 ...

  9. 2021年最新开运算命网运势测算带塔罗牌含H5手机端整站PHP源码

    源码介绍 2021年最新开运算命网运势测算带塔罗牌含H5手机端整站PHP源码,这个开运网源码前一阵子流行过一段时间,各大论坛也都陆陆续续发过一些,但是大部分不是不完整就是支付只有官方接口,用起来成本高 ...

  10. Linux 创建网页服务,Linux使用Node.js建立访问静态网页的服务实例详解

    Linux使用Node.js建立访问静态网页的服务实例详解 一.安装node.js运行所需要的环境,: 二.创建node目录(/node/www),并在目录下创建node.js服务文件server.j ...

最新文章

  1. es6+的javascript拓展内容
  2. 苹果如何不显示云服务器照片,苹果云端照片怎么恢复到相册-互盾苹果恢复精灵...
  3. python web开发-flask中日志的使用
  4. 区块链技术指南笔记(三):区块链运作的核心技术
  5. mysql 命令 kill_MySQL之死锁检测
  6. Command10,Access数据库
  7. 怎么在电脑上任意截屏_草地上打滚、墙上任意涂鸦,幼儿园让孩子“想怎么玩就怎么玩”...
  8. linux dns resolver,如何解决Linux in-kernel dns_resolver问题
  9. SQL Server 数据库调整表中列的顺序操作
  10. 作用域public,private,protected,以及不写时的区别
  11. rootkit学习总结2
  12. 左耳听风——笔记二:程序员练级攻略
  13. 找企业网站源码学习研究
  14. 【Linux operation 09】 - SUSE 12 SP5官网下载
  15. 遗传算法bp神经网络原理,bp神经网络 遗传算法
  16. mouse without borders 一套键鼠控制多台设备
  17. 如何用计算机还原魔方,不借助计算机 不借助公式 怎么自己转出魔方?
  18. 计算机应用基础心得体会300字,网络远程学习的心得体会
  19. springboot毕设项目游泳馆管理系统2069l(java+VUE+Mybatis+Maven+Mysql)
  20. 桌面计算机里没有桌面显示不出来怎么办,电脑桌面图标不显示怎么设置|恢复电脑桌面图标的方法...

热门文章

  1. 为什么不能说“接受原假设”?
  2. Java数组对象排序
  3. NetBIOS协议和NBNS协议
  4. 分段插值/Hermite插值
  5. 数字冰雹智慧城市大数据可视化分析决策系统
  6. AForge.net获取摄像头
  7. 网络序、主机序、点分十进制的IP地址转换
  8. 中级电工技术实训考核装置
  9. 如何才能实现文字转语音播放?只要这三个步骤就能快速搞定!
  10. [自测]linux运维100题目(阿里巴巴内部题目)