javascript - 如何使用 Javascript 检查脚本是否可以加载

Question

公司通过代理阻止社交网络的情况很常见。现在，如果页面上有一个“喜欢”按钮，则需要一个脚本(例如，Facebook .js)，但由于访问被阻止，浏览器将尝试加载它两分钟或因此页面的其余部分将不会加载。

是否可以使用 JavaScript 检查某个特定网站是否可用并仅在之后加载脚本？

假设页面上有 Facebook、Twitter 和 Google+，并且 Facebook 和 Twitter 被屏蔽。

<script src="facebook-api.js">
<script src="twitter-api.js">
<script src="google-api.js">

Google+ 无法加载。这种情况我们能做什么？

Answer 1

当加载不成功时，

script 触发onerror 事件。您可以处理加载错误:

<script type="text/javascript">
    function scriptLoadingErrorHandler(){
         //Do something
    }
</script>
<script src="facebook-api.js" onerror="scriptLoadingErrorHandler()">
<script src="twitter-api.js" onerror="scriptLoadingErrorHandler()">
<script src="google-api.js" onerror="scriptLoadingErrorHandler()">