一种牛逼的网站分享插件实现

Posted 2020-08-09 狂奔的小狮子

网站分享插件，网上一大堆，只不过都需要集成别人封装好的或者自己挨个把每家的都实现一遍，相当麻烦。

这里推荐一种另辟蹊径的实现方式：

 

来自： https://tumutanzi.com/archives/11987

 

总而言之，一句话，直接在<a>标签里面href加上js代码，就能实现分享网站的效果了.

 

如下：

 

<!-- 社会化分享 -->
                <ul>
                    <li><a href="javascript:var d=document,f=‘https://www.facebook.com/share‘,l=d.location,e=encodeURIComponent,p=‘.php?src=bm&v=4&i=1378393915&u=‘+e(l.href)+‘&t=‘+e(d.title);1;try{if (!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+‘r‘+p,‘sharer‘,‘toolbar=0,status=0,resizable=1,width=626,height=436‘))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)"><i class="fa fa-facebook"></i></a></li>

                    <li><a href="javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open(‘https://twitter.com/share‘,‘‘,‘left=‘+H+‘,top=‘+G+‘,width=‘+D+‘,height=‘+A+‘,personalbar=0,toolbar=0,scrollbars=1,resizable=1‘ );E=F.createElement(‘script‘);E.src=‘https://platform.twitter.com/bookmarklets/share.js?v=1‘ ;F.getElementsByTagName(‘head‘)[0].appendChild(E)}());"><i class="fa fa-twitter"></i></a></li>

                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                    <li><a href="javascript:void(window.open(‘https://plus.google.com/share?ur\l=‘+encodeURIComponent(location), ‘Share to Google+‘,‘width=600,height=460,menubar=no,location=no,status=no‘));"><i class="fa fa-google-plus"></i></a></li>
                    <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                </ul>
            </div> <!-- .social-icons -->
        </div> <!-- .sidebar-menu -->