Async-delingsknapper (G +, Facebook, Twitter) - CSS-tricks

Anonim

Nogle af disse tjenester leverer allerede (smart) deres scripts på en asynkron måde, dette kombinerer dem bare til mere effektiv, organiseret og forståelig kode.

(function(doc, script) ( var js, fjs = doc.getElementsByTagName(script)(0), frag = doc.createDocumentFragment(), add = function(url, id) ( if (doc.getElementById(id)) (return;) js = doc.createElement(script); js.src = url; id && (js.id = id); frag.appendChild( js ); ); // Google+ button add('https://apis.google.com/js/plusone.js'); // Facebook SDK add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=200103733347528', 'facebook-jssdk'); // Twitter SDK add('//platform.twitter.com/widgets.js'); fjs.parentNode.insertBefore(frag, fjs); )(document, 'script'));

Jeg fandt det gå gennem en websteds kode, og jeg glemmer nøjagtigt, hvem der oprindeligt gjorde det, men det ser ud som en Nicolas Gallagher eller Mathias Bynes slags ting. Ret mig, hvis jeg tager fejl.

Du skal bruge HTML på plads for at scriptsne kan placere deres ting:

Tweet