网页分享到贴吧,微博

最新推荐文章于 2023-01-16 10:09:44 发布

大白菜1号

最新推荐文章于 2023-01-16 10:09:44 发布

阅读量1.4k

点赞数

分类专栏： html js 文章标签： html5 javascript html

本文链接：https://blog.csdn.net/men_gqi/article/details/120762943

版权

js 同时被 2 个专栏收录

20 篇文章

订阅专栏

html

2 篇文章

订阅专栏

这篇博客介绍了如何在官网中集成分享功能，针对微信和QQ采用二维码识别，而微博和百度贴吧则通过a标签实现分享。分享到新浪微博的代码利用了window.open打开新窗口，并构造了包含文章标题和链接的分享URL。对于百度贴吧，同样地，通过window.open创建新窗口并构造分享链接。这种方法允许动态获取内容并便捷地进行社交分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现业务需求：

官网设置分享功能,微信和qq使用的二维码识别出网站,使用手机浏览器分享功能,新浪博客和贴吧使用a标签

问题描述：

   <a  @click="microblog()"/>//也可以直接使用href跳转,因为我这有动态获取的东西直接使用点击事件方便

  //分享到新浪微博
    microblog(picurl){
       var microblog=
      'http://v.t.sina.com.cn/share/share.php?title='+this.list.title+'&url='+  window.location.href+'&content=utf-8&sourceUrl='+window.location.href+'&pic='+picurl; 
       window.open(microblog,'newwindow'); 
     },
     //分享到百度贴吧
    postBar() {
      var postBar=
      'http://tieba.baidu.com/f/commit/share/openShareApi?title='+this.list.title+'&url='+ window.location.href+'&content=utf-8&sourceUrl='+window.location.href; 
       window.open(postBar,'newwindow'); 
     }