bShare分享插件|自定义分享按钮|异步加载分享解决办法

最新推荐文章于 2020-11-27 15:37:45 发布
最新推荐文章于 2020-11-27 15:37:45 发布
阅读量237 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/liujinyu/p/4221465.html
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>bshare简单调用Js Api demo</title>
<link rel="Shortcut Icon" href="http://www.bshare.cn/favicon.ico" type="image/x-icon"/>
<link href="http://www.mtou091.com/ceshi/jstest/debug.css" rel="stylesheet" />
<head>
<style>
ul li { float:left; list-style-type:none; color: #999999; margin-right:0px; height:16px; line-height:16px; font-size:12px; margin-left:5px; }
.bshare img { border:none; }
</style>

<!--bshare 分享按钮主功能js -->
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js"></script>
<script type="text/javascript" charset="utf-8" >
//预定义bshare分享按钮样式及配置参数
var bShareOpt = {style:-1,uuid:'',mdiv:-1};

function shareTo(event, shortName,obj) {
   //自定义设置内容，可动态获取当前页面内相应的参数进行传递
   var url= obj.url || "http://www.bshare.cn/";
   var str_title = obj.tit || "testTitle";
   var str_info = obj.info || "testSummary";
   var img = obj.img || "http://static.bshare.cn/images/bshare-logo-main.gif";
   //清除自定义分享内容的方法，在设置前清空，重新自定义内容
   bShare.entries = [];
   //添加自定义分享内容方法，不需要自定义的可以传递，bshare js会主动抓取页面相应值默认
   bShare.addEntry({
     title: str_title,
     url: url,
     summary: str_info,
       pic:img
  });
  //调用相应的分享方法，
  bShare.share(event, shortName);
}
</script>

<body>
<div class="wrap">
<div style="padding:200px 200px;margin:100px 100px;">
    <ul class="bshare">
        <li>分享到:</li>
        <li>
            <a title="分享到一键通"  onclick="shareTo(this,'bsharesync',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/bsharesync.gif "/></a>
        </li>
        <li>
            <a title="分享到新浪微博"  onclick="shareTo(this,'sinaminiblog',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/sinaminiblog.gif "/></a>
        </li>
        <li>
            <a title="分享到QQ空间"  onclick="shareTo(this,'qzone',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/qzone.gif "/></a>
        </li>
        <li>
            <a title="分享到人人网"  onclick="shareTo(this,'renren',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/renren.gif "/></a>
        </li>
        <li>
            <a title="分享到豆瓣"  onclick="shareTo(this,'douban',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/douban.gif "/></a>
        </li>
    </ul>
</div>
</body>
</html>

 

转载于:https://www.cnblogs.com/liujinyu/p/4221465.html

weixin_30426879
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bshare自定义分享按钮
weixin_30621959的博客
08-28 245
最近使用Bshare分享不同的地址；如：新浪微博分享一个地址，微信分享到另一个地址，在Bshare帮助上找了一遍，发现没有相关方法，郁闷…… 于是联系bshare客服，他们给了下面的例子，算是解决了这个问题 ////////////////////////////////////////////// 代码如下 //////////////////////////////////////////...
异步加载
weixin_30664615的博客
04-01 43
和网页加载不同步，就是网页可能已经加载好了，Ajax还在继续访问服务器请求数据加载。 转载于:https://www.cnblogs.com/wisir/p/10638015.html
bshare分享插件的ajax应用
weixin_30273763的博客
08-18 97
在做新浪某个项目的时候，在ajax动态加载的时候，想增加分享功能，采用bshare插件。怎么办呢，看API？可是采用方法调用的时候，不是会重复绑定事件，就是会丢失事件，原因我想在于异步加载的原因。 后来联系客服，不断地调配，终于成功了。分享一下方法 function makeActives(activePage,activeClass)//theClassify为分类参数，在conditi...
社会化分享bshare代码在网站中的使用（包括https下无效的解决方法）
qq_37723186的博客
11-27 1577
一、代码的安装与放置 在bshare中选择好自己喜欢的代码样式之后，将代码复制进网站中 放入代码后，就会出现分享按钮。如果想要关键词和按钮平行显示的话，可利用table进行放置 显示结果如下： 二、bshare代码在https下无效的解决方法 如果你网站是https的，bshare等社会化分享代码无效，不显示。可在头部head中加上下面一句代码即可： <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requ
Bshare分享的常见用法
smile的博客
01-24 4195
1.一个页面分享一个 0 以下两个文件是按钮的不同样式文件，引用其一 2.自定义页面中分享按钮的样式      分享     bShare.addEntry({         title: "我正在乐学一百参加直播活动《{$sa_info['sa_title']}》，真有意思，已经有
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
09-04
本文将详细介绍如何自定义百度分享插件和bShare分享插件的分享按钮，让你能够创建出独具特色的分享功能。 首先，我们来看如何自定义百度分享插件。百度分享提供了一个简洁易用的API，允许开发者通过CSS和JavaScript...
dede_bShare分享插件.zip
10-24
bShare则是这款插件的核心，它是一款强大的社会化分享按钮解决方案，可以无缝集成到织梦CMS系统中，帮助网站实现一键分享到微博、微信、QQ空间等主流社交媒体。 安装和配置dede_bShare插件的过程相对简单。首先，你...
2022最新可用百度网页分享按钮,2022社交分享按钮代码,2022百度分享安装代码
01-03
网页分享按钮是网站上常见的一种功能，它允许用户方便地将网页内容分享到各种社交平台，从而提升网站的曝光度和互动性。本篇主要讨论2022年最新的百度分享代码及其安装方法，这对于那些依赖百度分享服务的网站站长来...
jQuery点按钮一键分享代码_网页分享代码
10-24
jQuery点按钮一键分享代码_网页分享代码
最简单的 QQ分享、微信分享、一键加QQ群 引入
IT小村
03-11 6191
一、前言 1、要使网页内容得到更多的推广，更加商业化，分享链接无疑是最好的选择 2、bshare 可以简单实现分享到QQ空间、新浪微博、人人网、腾讯微博、网易微博、更多平台等 二、代码 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta c
类似百度分享
11-12
最常用的一些PHP代码。里面包含 bshare分享.html
bshare分享插件的使用
美好的未来在于把握今天
01-10 2511
bshare分享插件很强大，使用它只需引入两个js链接: src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh"> 以上是使用bshare分享插件前提！ 实现代码很简单，以下为新浪新闻网站的源代码里拔出来的 <%@ page language="java" contentType=
bShare分享插件的使用
钟渊博客
10-19 4353
首先在首页引入js文件： 参数详解： uuid 自己的UUID（Publisher UUID）。如果要追踪分享数据则必须提供此选项，在bShare后台添加网站即可得到UUID。 lang 语言，可以是简体中文 (zh), 英文 (en), 或繁體中文 (zh_TW) pop 定义分享小窗口的弹出方式。可以是： -1: 不弹出小窗口 0: 自动选择向上或者向下弹出小窗口
bshare分享 插件使用教程
a5252145的博客
12-21 2447
我这里使用的是vue-cli构建的移动端项目，普通html页面使用步骤， 可以参考官方文档，很简单，这里不叙述了。 目录 打开官网 http://www.bshare.cn/ ----- 找到bShareAPI. 打开之后我们在范例代码中发现，最后一行要使用一个脚本，把这个script标签，放在index.html中。如下所示 构建一个vue模板，命名为bsha...
Vue中Share.js分享组件
热门推荐
Dreamer.
01-21 1万+
Share.js是一款一键转发工具，它可以一键分享到新浪微博、微信、QQ空间、QQ好友、腾讯微博、豆瓣、Facebook组件、Twitter、Linkedin、Google+、点点等社交网站，使用字体图标。 以下步骤可以实现微博和微信分享 （1）修改test.vue的脚本部分。以下代码用于引入外部的js .我们这里的js采用cdn方式引入 地址为： https://cdn.bootcss.com...
关于分享，bshare分享&百度分享
mrhaoxiaojun的博客
03-21 4095
以下案例，均可直接复制到html中，运行看结果，可直接修改应用 bshare分享 单独按钮分享---------------------------- -->      * src，#后面的参数为不同的选项（可选），参考：http://www.bshare.cn/help/apiJsParams      * 个人用了一下，没有太大的意义，我们没有uuid，有些应用
bShare分享，多个分享按钮
michaelgong的专栏
01-26 3340
一、引用这3个js脚本 ： script type="text/javascript" language="javascript" src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")">script> script type="text/javascript" charset="utf-8" src="@Url.Content("~/Scrip
HTML code set: Stack Trace: window.localStoragehttp://localhost/travelRoutePortalView?id=1a62336920284485a0db9d9482163c92&http://www.bshare.cn/moreStyles=javascript:domxssExecutionSink(1,"'\"><xsstag>()locxss")&wvstest=javascript:domxssExecutionSink(1,"'\"><xsstag>()locxss")#javascript:domxssExecutionSink(1,"'\"><xsstag>()locxss")set HTML code javascript:domxssExecutionSink(2,"'\"><xsstag>()storelocalxss") ...解释以下这段代码
最新发布
06-02
这段代码看起来像是一个恶意代码，其中包含了多个 JavaScript 脚本。它试图通过在当前页面设置 localStorage 和调用一些函数来执行 XSS 攻击。其中的 domxssExecutionSink 函数可能是由攻击者编写的，它可能会在用户...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值