分享按钮【facebook、instagram、twitter、pinterest】

灰太狼 2022-12-26 09:17 121阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<title>share_demo</title>
    	<script type="text/javascript" async defer src="https://assets.pinterest.com/js/pinit.js"></script>
    </head>
    <body>
    <h1>分享HelloWorld</h1>
    
    <a class="google share-sns" target="_blank" href="https://plus.google.com/share?url=您的链接" data-title=" Google+">google+【个人版不能用】</a><br>
    <a href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('您的链接')+'&t='+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)" style="font-size: 14px;margin-right: 50px;">Facebook </a><br>
    <a href="javascript:window.open('http://twitter.com/share?url=' + encodeURIComponent('您的链接') + '&text=' + encodeURIComponent('标题'), '', 'left=0,top=0,width=550,height=450,personalbar=0,toolbar=0,scrollbars=0,resizable=0');void(0)" style="font-size: 14px;margin-right: 50px;">Twitter</a><br>
    <a href="javascript:window.open('https://www.pinterest.com/pin/create/button/?url='+encodeURIComponent('https://imgconvert.csdnimg.cn/aHR0cHM6Ly91c2VyLWdvbGQtY2RuLnhpdHUuaW8vMjAxNy85LzQvYzQyNzA0NzNjNDJjNGE1ZDE0ZWI0NzRjOGQ5NTcwZWI_aW1hZ2VWaWV3Mi8wL3cvMTI4MC9oLzk2MC9mb3JtYXQvd2VicC9pZ25vcmUtZXJyb3IvMQ'),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)" onclick="window.open(this.href,'','scrollbars=1,resizable=1,width=600,height=450,top=100,left=350');return false;" style="font-size: 14px;margin-right: 48px;">Pinterest</a><br>
    
    <h2><a href="https://developers.facebook.com/docs/sharing/web">facebook开发者文档</a><h2>
    <h2><a href="https://developers.pinterest.com/docs/widgets/save/?">pinterest开发者文档</a><h2>
    </body>
    </html>