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