异步加载第三方内容

异步加载第三方内容

嵌入一个Youtube视频或者一个like/tweet按钮，有人没有加载过这样的第三方内容吗？

问题在于，不管是用户端的还是服务器端的连接，都无法保证这些代码是正常有效的工作的。这些服务有可能临时dowan掉或者是被用户或者其公司的防火墙阻止。

为了避免这些在页面加载时成为问题，或者更严重的是，阻塞了全部页面的加载，总是应该异步加载这些代码 (或者使用 Friendly iFrames).

var script = document.createElement('script'),
    scripts = document.getElementsByTagName('script')[0];
script.async = true;
script.src = url;
scripts.parentNode.insertBefore(script, scripts);

另外，如果你想加载多个第三方插件，你可以使用这个代码来实现异步的加载。

( function () {

 

var script ,

scripts = document . getElementsByTagName ( 'script' )[ 0 ];

 

function load ( url ) {

script = document . createElement ( 'script' );

script . async = true ;

script . src = url ;

scripts . parentNode . insertBefore ( script , scripts );

}

 

load ( '//apis.google.com/js/plusone.js' );

load ( '//platform.twitter.com/widgets.js' );

load ( '//s.widgetsite.com/widget.js' );

 

}());

 

http://browserdiet.com/zh/#js

转载于:https://www.cnblogs.com/smiler158/p/3726990.html