>  기사  >  웹 프론트엔드  >  순수 JS 코드로 원클릭 공유 기능 구현_javascript 기술

순수 JS 코드로 원클릭 공유 기능 구현_javascript 기술

WBOY
WBOY원래의
2016-05-16 15:04:321383검색

더 이상 고민하지 않고 바로 코드를 살펴보겠습니다.

핵심 코드는 다음과 같습니다.

<div style="padding-left: 30px; margin-bottom: 8px; margin-top:5px; ">
<div>
<a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto">分享到</a>
<a title="分享到QQ空间">QQ空间</a>
<a title="分享到新浪微博">新浪微博</a>
<a title="分享到人人网">人人网</a>
<a title="分享到腾讯微博">腾讯微博</a>
<a title="分享到豆瓣">豆瓣</a>
<a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
<span class="BSHARE_COUNT bshare-share-count">0</span>
</div>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
</div>

js에서 원클릭 공유 기능을 구현하는 코드는 여기까지입니다. 코드는 매우 간단합니다. 궁금한 사항이 있으면 메시지를 남겨주시면 시간 맞춰 연락드리겠습니다. 또한 Script House 웹사이트를 지원해 주시는 모든 분들께 감사의 말씀을 전하고 싶습니다!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.