向窗口元素添加属性时是否会触发事件？

Question

在加载 javascript 库（如 jQuery）时，它们倾向于在 Window 元素上创建一个对象。

我正在尝试找出如何检测库刚刚加载的时间，因此我已经尝试检测窗口对象的属性更改...

window.addEventListener("DOMAttrModified", invalidate, false);

function invalidate(evt)
{
    console.log('attrChange = ' + evt.attrChange);
}

...这不起作用。

也许有人知道解决此解决方案的另一种方法以及检测外部库何时加载的机制。

谢谢， 尼克

附言我查看了脚本标记的 onload 标记，但我担心它在 W3C 中是 not。

p.p.s.最终，我正在尝试实现一个可以安全使用 jQuery 代码的函数。

Answer 1

如果你的 js 代码低于 script 标签，那么不用担心，html 渲染会在 script 标签未加载时停止，所以如果你的 js 低于 script 标签，则库已经加载。

您还可以检查某些变量是否存在（例如$）。

if (typeof jQuery != 'undefined') {
  // is loaded
} else {
  // is not loaded
}

或者在循环中通过间隔：

var interval = setInterval(function () {
  if (typeof jQuery != 'undefined') {
    clearInterval(interval);
    // do what you want
  }
});