javascript - addEventListener(load) 将 load eventListener 分配给另一个页面上的 id 时出错

Question

(javascript，无 jquery)你好，

我收到以下错误。 “无法读取 null 的属性‘addEventListener’”。我有一个 javascript 文件正在被两个页面使用。其中一个页面附加了一个“加载”事件监听器。但是，每次打开初始页面时，我都会收到一条错误，指出“无法读取 null 的属性‘addEventListener’”。

我假设收到此错误的原因是 id (provisioningPages) 不在当前页面上。如何将“load”事件监听器分配给当前页面之外的 id？

基本上是这样的:

2个html页面共享1个javascript文件

第 1 页 = 无加载功能

第2页=具有加载功能

每次我打开第 1 页时，都会抛出上述错误。如何将 addEventListener 分配给第 2 页上的 id，而不在打开第 1 页时触发它。

这是我当前使用的代码.document.getElementById("provisioningPages").addEventListener("load", loadStoredInforamtionOnToPage());

似乎在打开第 1 页时，它会查找“provisioningPages”，并且由于找不到它，因此会抛出错误。我该如何防止这种情况发生？

非常感谢。

Answer 1

要防止错误，您只需检查该元素是否存在于 DOM 中即可。

var elem = document.getElementById("provisioningPages");
if (elem != null) {
    elem.addEventListener("load", loadStoredInforamtionOnToPage());
}