对于 CDN 上托管的 javascript,我始终可以在其下面添加一些脚本来检查它是否加载成功:
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
if (!window.jQuery) {
var script = document.createElement('script');
script.src = "/js/jquery.min.js";
document.body.appendChild(script);
}
</script>
我还使用了一些托管的 css 文件,例如 bootstrap.css 文件。如何可靠地检查它是否已加载到网页上,并在未加载时提供故障保护?
-----编辑--------
顺便说一句,我应该使用:
document.body.appendChild(script);
或者:
document.write("<scr"+"ipt>"...);
哪一个保证所有浏览器中的执行顺序?
最佳答案
您可以使用onload
和onerror
事件...
<link rel="stylesheet" type="text/css" href="cdnurl/styles.css"
onload="alert('loaded')" onerror="javascript:loadCSSBackup()" />
JavaScript:
function loadCSSBackup(){
var css = document.createElement("link")
css.setAttribute("rel", "stylesheet");
css.setAttribute("type", "text/css");
css.setAttribute("href", 'backup/styles.css');
document.getElementsByTagName("head")[0].appendChild(css);
}
关于第二个问题,你应该避免使用document.write。如上面的代码所示附加到正文或头部应该没问题。
关于javascript - 如何为 css 文件实现 CDN 故障保护?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22879099/