使用js实现微信分享功能的实例代码

发布日期： 2017-05-29 阅读量： 作者： 网络

这篇文章主要介绍了js实现微信分享朋友链接显示，对学习asp.net编程技术有所帮助，感兴趣的小伙伴们可以参考一下

通常自己做的一个页面想通过微信像朋友分享时，展示的标题和描述都是不是自己想要的，自己查了一些资料，原来是通过js来进行控制
展示效果如下：

标题、描述、还有分享的图片都是有js来控制的。
js代码如下

<script>
 var dataForWeixin = {
  appId: "",
  MsgImg: "Christmas/201012189457639.gif",//显示图片
  TLImg: "Christmas/201012189457639.gif",//显示图片
  url: "Christmas/6.html?stra=!u738B!u4F1F",//跳转地址
  title: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//标题内容
  desc: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//描述内容
  fakeid: "",
  callback: function () { }
 };
 (function () {
  var onBridgeReady = function () {
  WeixinJSBridge.on(&#39;menu:share:appmessage&#39;, function (argv) {
   WeixinJSBridge.invoke(&#39;sendAppMessage&#39;, {
   "appid": dataForWeixin.appId,
   "img_url": dataForWeixin.MsgImg,
   "img_width": "120",
   "img_height": "120",
   "link": dataForWeixin.url,
   "desc": dataForWeixin.desc,
   "title": dataForWeixin.title
   }, function (res) { (dataForWeixin.callback)(); });
  });
  WeixinJSBridge.on(&#39;menu:share:timeline&#39;, function (argv) {
   (dataForWeixin.callback)();
   WeixinJSBridge.invoke(&#39;shareTimeline&#39;, {
   "img_url": dataForWeixin.TLImg,
   "img_width": "120",
   "img_height": "120",
   "link": dataForWeixin.url,
   "desc": dataForWeixin.desc,
   "title": dataForWeixin.title
   }, function (res) { });
  });
  WeixinJSBridge.on(&#39;menu:share:weibo&#39;, function (argv) {
   WeixinJSBridge.invoke(&#39;shareWeibo&#39;, {
   "content": dataForWeixin.title,
   "url": dataForWeixin.url
   }, function (res) { (dataForWeixin.callback)(); });
  });
  WeixinJSBridge.on(&#39;menu:share:facebook&#39;, function (argv) {
   (dataForWeixin.callback)();
   WeixinJSBridge.invoke(&#39;shareFB&#39;, {
   "img_url": dataForWeixin.TLImg,
   "img_width": "120",
   "img_height": "120",
   "link": dataForWeixin.url,
   "desc": dataForWeixin.desc,
   "title": dataForWeixin.title
   }, function (res) { });
  });
  };
 
  if (document.addEventListener) {
  document.addEventListener(&#39;WeixinJSBridgeReady&#39;, onBridgeReady, false);
  } else if (document.attachEvent) {
  document.attachEvent(&#39;WeixinJSBridgeReady&#39;, onBridgeReady);
  document.attachEvent(&#39;onWeixinJSBridgeReady&#39;, onBridgeReady);
  }
 })();
</script>

# js # 微信分享

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯1562 】【 SEO推广1529 】

上一篇: C++ 函数名中使用哪些关键字是禁止的？

使用js实现微信分享功能的实例代码

随便看看