js 调用浏览器 分享，使用JS一键分享给好友，让你的网页多一份互动

1. 使用JS调用浏览器分享功能

在现如今这个社交网络盛行的时代，网站的互动性愈发重要，而分享功能更是其中重要的一环。实现网页分享的方式有很多，而本文就主要讲述使用JS调用浏览器分享功能的方法。

调用浏览器分享的方法可以分为两种：常规方式和第三方插件。这里主要介绍常规方式。

2. 使用JS调用常规方式分享

调用浏览器分享的常规方式是通过href属性为分享链接，然后通过打开新窗口的方式让用户分享。

具体实现方法如下：

function share(){
  var url = window.location.href;//要分享的链接
  var title = document.title;//要分享的标题
  var content = '分享内容';//要分享的内容
  var shareUrl = 'http://service.weibo.com/share/share.php?url=' + url + '&title=' + title + '&pic=' + pic + '&content=utf-8';
  window.open(shareUrl,'_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes');
}

在html中，可以为分享按钮添加一个点击事件，然后调用share()函数即可。

3. 使用JS调用第三方插件分享

除了常规方式，还可以使用第三方插件，为网页添加分享功能。这里主要介绍使用一个比较流行的插件share.js的方法。

share.js是一个轻量级的社交分享插件，支持分享到新浪微博、腾讯微博、QQ空间、人人网等社交平台。

4. 使用share.js实现分享功能

share.js的使用非常简单，只需要引入插件的js和css文件，然后进行配置即可。

具体实现方法如下：

<script type="text/javascript" src="share.min.js"></script>
<link rel="stylesheet" href="share.min.css">
<!-- 添加分享按钮 -->
<div class="shareButton">
    <span class="icon" data-icon="">
    分享给朋友
</div>
<!-- 配置插件 -->
<script type="text/javascript">
    sharejs.config({
        sites: ['weibo','qq','qzone','renren'],//要分享的平台
        title: '网站标题',//要分享的标题
        url: 'http://example.com',//要分享的链接
        description: '网站描述',//要分享的内容
        picture: 'http://example.com/image.jpg'//要分享的图片
    });
</script>

5. 总结

本文主要介绍了使用JS调用浏览器分享的常规方式和使用第三方插件share.js实现分享功能的方法。这些方法可以为网站添加互动性，增加用户体验，提高网站的访问量和知名度。

文章TAG：调用  浏览器  分享  js  调用浏览器  分享  使用JS一键分享给好友  让你的网页多一份互动