Twitter、Facebook、G+;外部javascript文件中的共享按钮

Twitter、Facebook、G+;外部javascript文件中的共享按钮,javascript,facebook,twitter,bookmarks,social,Javascript,Facebook,Twitter,Bookmarks,Social,如果我需要将standart社交共享按钮放置在外部javascript中,然后填充到页面内部,该怎么办。默认按钮基本上是容器和javascript代码 将所有这些放在一个javascript文件中的正确方法是什么?下面我以我的观点提供了我当前的JAVASCRIPT版本,但在这种情况下,我遇到了google plus没有出现在IE中的问题,所以我想可能哪里是更好的方法: 标准HTML版本: <!--social--> <div id="social"> <!--tw

如果我需要将standart社交共享按钮放置在外部javascript中,然后填充到页面内部,该怎么办。默认按钮基本上是容器和javascript代码

将所有这些放在一个javascript文件中的正确方法是什么?下面我以我的观点提供了我当前的JAVASCRIPT版本,但在这种情况下,我遇到了google plus没有出现在IE中的问题,所以我想可能哪里是更好的方法:

标准HTML版本:

<!--social-->
<div id="social">

<!--twitter-->
<div>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="user" data-lang="en" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<!--/twitter-->

<!--gplus-->
<div>
<g:plusone size="tall"></g:plusone>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
<!--/gplus-->

<!--facebook-->
<div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-layout="box_count" data-href="yourlink" data-width="42" data-show-faces="false"></div>
</div>
<!--/facebook-->

</div>
<!--/social-->

!函数(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=“//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}(文档,“脚本”,“twitter wjs”);
(功能(){
var po=document.createElement('script');po.type='text/javascript';po.async=true;
po.src=https://apis.google.com/js/plusone.js';
var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);
})();
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
JAVASCRIPT版本

<script>

function socialBookmarks(){

//containers
var socialString = '<!--social--><div id="social"><!--gplus--><div><g:plusone size="tall"></g:plusone></div><!--/gplus--><!--twitter--><div><a href="https://twitter.com/share" class="twitter-share-button" data-via="user" data-lang="en" data-count="vertical">Tweet</a></div><!--/twitter--><!--facebook--><div><div id="fb-root"></div><div class="fb-like" data-layout="box_count" data-href="yourlink" data-width="42" data-show-faces="false"></div></div><!--/facebook--></div><!--/social-->';

//where to populate bookmars
var divContainer = document.getElementById('container');
divContainer.style.position = 'relative';
var divTag = document.createElement("div");
divTag.style.position = "absolute";
divTag.style.top = "0";
divTag.style.left = "-152px";           
divTag.innerHTML = socialString;    
document.getElementById('container').appendChild(divTag);


//Core social functions

//twitter
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");

//gplus
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();

//fb
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));


}

//Lets wait for page get loaded
function addLoadEvent(func){
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    }
    else {
        window.onload = function(){
            if (oldonload) {
                oldonload();
            }
            func();
        }
    }
}

//pull socialbookmarks function
addLoadEvent(function(){
    socialBookmarks();
});

</script>

函数socialBookmarks(){
//容器
var socialString='';
//在哪里居住
var divContainer=document.getElementById('container');
divContainer.style.position='relative';
var divTag=document.createElement(“div”);
divTag.style.position=“绝对”;
divTag.style.top=“0”;
divTag.style.left=“-152px”;
divTag.innerHTML=socialString;
document.getElementById('container').appendChild(divTag);
//核心社会职能
//推特
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=“//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}(文档,“脚本”,“twitter wjs”);
//gplus
(功能(){
var po=document.createElement('script');po.type='text/javascript';po.async=true;
po.src=https://apis.google.com/js/plusone.js';
var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);
})();
//食品饮料
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
}
//让我们等待页面加载
函数addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!=“函数”){
window.onload=func;
}
否则{
window.onload=函数(){
if(oldonload){
oldonload();
}
func();
}
}
}
//拉社交书签功能
addLoadEvent(函数(){
社交书签();
});

您是否考虑过使用sharethis或addthis?不,对不起,这不是一个选项。