javascript - 如何判断链接资源是否加载成功

Question

我正在使用以下 JavaScript 动态加载样式表:

function set_stylesheet(name) {
    var link = document.getElementById('userstylelink');
    link.href = link.href.replace(/[^\/]+\.css$/, name + '.css');
}

有什么方法可以判断新的CSS文件是否加载成功？如果失败，我希望能够应用默认样式表。

Answer 1

您可能想在此处查看我对另一个类似问题的回答: Detect and log when external JavaScript or CSS resources fail to load

基本上，您可以添加一个 onload 回调来查看文件是否已加载。 (当然如果你通过 JS 加载)