我认为是

window.location.href = 'https://somedomain.com'

尝试一下这个，

如果你确定你的 html 源包含 id="hercule" 的元素。那么你可以尝试

window.onload = function () {
    document.getElementById('hercule').addEventListener('click', function() {
        location.href = 'https://somedomain.com'
        // alert("clicked div");
    }, false);
};

确保你所有的 onload 过程都写在一个地方。否则浏览器将保留并仅执行最后找到的 window.onload 函数。

您的这段代码：

document.getElementById('hercule')

正在寻找带有 id="hercule" 的 DOM 元素。显然，在运行 custom.js 时，您的页面不包含这样的元素，因此 document.getElementById('hercule') 返回 null，然后在对 null 对象调用 addEventListener 方法时会引发 TypeError。

在您的 HTML 页面上查找包含 id="hercule" 的元素。如果找不到它，则表明您的问题已确定。

编辑：

后续信息显示，custom.js JavaScript 正在尝试访问 id="hercule" 尚未存在的 div。解决方案是延迟自定义函数的启动，直到 div 存在为止。

通常，等待窗口的 load 事件就足够了，但在这种情况下，尚不清楚这是否可行，因为“hercule”可能是由另一个 JavaScript 函数生成的，而该函数在 load 事件时不会完成。

一种解决方案就是继续寻找“hercule”，直到找到它为止：

// USE THIS SECTION IN YOUR CODE:

// keep looking for "hercule"
function lookForHercule() {
  const hercule = document.getElementById('hercule');
  if (hercule) {
    // add the 'click' listener to 'hercule'
    hercule.addEventListener('click', function() {
      hercule.innerHTML = "You clicked hercule, redirecting to somedomain.com";
      location.href = 'https://somedomain.com'
      }, false);
    return;
  }
  console.log('"hercule" not found');
  setTimeout(lookForHercule, 2000);
}

// start looking
lookForHercule();

// END OF SECTION TO USE IN YOUR CODE

// THE CODE BELOW IS FOR THIS DEMO ONLY, DO NOT USE IN YOUR CODE:

// FOR DEMO ONLY:
// add 'hercule' after 10 seconds to simulate delay
setTimeout(() => {
  const wrapper = document.getElementById('wrapper');
  const hercule = document.createElement('div');
  hercule.id = 'hercule';
  hercule.innerHTML = "I am hercule. Clicking me will redirect to somedomain.com";
  wrapper.appendChild(hercule);
}, 10000);

/* this will change cursor to finger when hovering over hercule */
#hercule:hover {
  cursor: pointer;
}

<div id="wrapper">
  <h4>Search for 'hercule'</h4>
</div>