添加并确保页面不会挂起

Question

我只是在我的网站上实现Addthis社交按钮，但我想创建一个故障安全方法，以确保如果偶然的addthis_widget.js文件失败或只是一直尝试加载它，它就是不会导致我的网站挂起而没有完成加载所需的一切。

通过在线研究这个问题，我在下面找到了这个例子。

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-520bd33b4d6dd146&domready=1"></script>
​<script type="text/javascript">
    var addthis_config = addthis_config||{};
    addthis_config.data_track_addressbar = false;

    function initAddThis() {
         addthis.init()
    }
    // After the DOM has loaded...
    initAddThis();
</script>

我不确定如何测试这是否有效或做我想做的事情。希望有人能帮助我弄清楚这是否有效。

由于

Answer 1

您可以在关闭正文标记之前的页面底部加载脚本。

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-520bd33b4d6dd146&domready=1"></script>
</body>

这将确保在尝试加载添加此脚本之前加载页面的其余部分。现在很多人都喜欢这种方法。

之后，您可以在文档就绪功能中调用init函数。这将确保在完全加载页面之前未初始化插件。

$(document).ready(function(){
    initAddThis();
});