Javascript 在页脚中加载lazyloaded button.js
我的网站上有来自sharethis的社交媒体图标。为了防止sharethis button.js出现渲染阻塞,我使用了lazyload js插件。 它工作得很好,但我还有一个要求。 我希望这个插件能够将button.js加载到标签末尾的某个地方。当前,它将其放置在标记中。 有人能帮忙吗 以下是我的代码示例: //调用jquery插件Javascript 在页脚中加载lazyloaded button.js,javascript,jquery,wordpress,lazy-loading,sharethis,Javascript,Jquery,Wordpress,Lazy Loading,Sharethis,我的网站上有来自sharethis的社交媒体图标。为了防止sharethis button.js出现渲染阻塞,我使用了lazyload js插件。 它工作得很好,但我还有一个要求。 我希望这个插件能够将button.js加载到标签末尾的某个地方。当前,它将其放置在标记中。 有人能帮忙吗 以下是我的代码示例: //调用jquery插件 <script type="text/javascript" src="lazyload-min.js" defer="on" async="on">
<script type="text/javascript" src="lazyload-min.js" defer="on" async="on">
</script>
在标签末尾的某个地方,我使用了以下代码:
<script type="text/javascript">
window.onload = function() {
var switchTo5x=false;
LazyLoad.js( 'http://w.sharethis.com/button/buttons.js', function () {
stLight.options(
{ publisher: "YOUR-UUID", doNotHash: true, doNotCopy: true }
);
});
}
</script>
window.onload=函数(){
var switchTo5x=假;
LazyLoad.js('http://w.sharethis.com/button/buttons.js,函数(){
stLight.options(
{出版商:“你的UUID”,doNotHash:true,doNotCopy:true}
);
});
}
我找到了解决此问题的方法
我们不需要使用lazyload.js插件
我们只需在服务器上下载sharethis button.js后延迟加载,并在回调函数中传递参数
以下是代码示例:
<script type="text/javascript">
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
function downloadJSAtOnload()
{
var media_element = document.createElement('script');
media_element.src = '/buttons.min.js'; //sharethis button.min.js
media_element.onload = function()
{
stLight.options({publisher: "YOUR-UUID", doNotHash: true, doNotCopy: false, hashAddressBar: false, async: true});
};
document.body.appendChild(media_element);
}
</script>
if(window.addEventListener)
addEventListener(“加载”,downloadJSAtOnload,false);
else if(窗口附件)
window.attachEvent(“onload”,downloadJSAtOnload);
else window.onload=下载jsatonload;
函数downloadJSAtOnload()
{
var media_element=document.createElement('script');
media_element.src='/buttons.min.js';//共享此button.min.js
media_element.onload=函数()
{
选项({publisher:“YOUR-UUID”,doNotHash:true,doNotCopy:false,hashAddressBar:false,async:true});
};
document.body.appendChild(媒体元素);
}