<link> 元素的 'load' 事件未触发，并且 'onload' 也无法运行

Question

last thread on this 是在 2010 年提出的，据我所知，对元素的 'load' 事件的支持仍然不完整（或没有）。我的代码：

function loadedCb(){ console.log("Loaded!"); };
function errorCb(){ console.log("Error!"); };

var file = document.createElement("link");
file.type = "text/css";
file.rel = "stylesheet";
file.addEventListener('load', loadedCb); // or: file.onload = loadedCb;
file.addEventListener('error', errorCb); // or: file.onerror = errorCb;

file.src = "theDir/theFile.css";         // should immediately start to load.
document.getElementsByTagName('head')[0].appendChild(file);

当此代码在 Firefox 49.0.2 中为运行时，不会调用任何回调（并且 CSS 文件也不会在任何时候加载，这可能表明我做了一些事情错误的）。然而，作为 <script> 元素加载到 .js 文件中的相应代码工作得很好。

自 2016 年起，运行在加载 CSS 文件（或出错）时回调是否有任何优雅的解决方案？或者我在做一些基本的错误？顺便说一句，我没有在我的项目中使用 JQuery。

Answer 1

发现主要问题：设置 src 而不是 href。午饭后会检查事件是否正在触发，但粗略地看一眼，到目前为止它似乎在工作。

<link> 元素的 'load' 事件未触发，并且 'onload' 也无法运行

<link> element's 'load' event not firing, and 'onload' non-operational too

html

javascript

css

onload

dom-events