标签导航:

这篇文章主要介绍了html5实现分享到微信好友朋友圈qq好友qq空间微博二维码功能的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下

这是分享按钮:

<button onclick="call()">通用分享</button>
<button onclick="call(&#39;wechatFriend&#39;)">微信好友</button>
<button onclick="call(&#39;wechatTimeline&#39;)">朋友圈</button>
<button onclick="call(&#39;qqFriend&#39;)">QQ</button>
<button onclick="call(&#39;qZone&#39;)">QQ空间</button>
<button onclick="call(&#39;weibo&#39;)">微博</button>

这是js调用代码:

<script type="text/javascript" src="NativeShare.js"></script>
<script type="text/javascript">
    var nativeShare = new NativeShare()
    var shareData = {
        title: &#39;分享标题&#39;,
        desc: &#39;&#39;,
        // 如果是微信该link的域名必须要在微信后台配置的安全域名之内的。
        link: &#39;https://www.baidu.com&#39;,
        icon: &#39;https://www.baidu.com&#39;,
        // 不要过于依赖以下两个回调,很多浏览器是不支持的
        success: function() {
            console.log("success")
        },
        fail: function() {
            console.log("fail")
        }
    }
    nativeShare.setShareData(shareData)
    function call(command) {
        try {
            nativeShare.call(command)
        } catch (err) {
            // 如果不支持,你可以在这里做降级处理
            alert(err.message)
            // console.log("err.message")
        }
    }
</script>

这个就是分享js文件NativeShare.js:

Html 实现动态显示颜色块的报表效果(实例代码)

javascript html5 canvas实现可拖动省份的中国地图