javascript - 当页面加载到特定的 div ID 时如何触发 javascript？

Question

我有以下 div:

<div id="tutorial" onclick="console.log('Triggered tutorial');"></div>

我想通过 URL 定位此 div，导航方式如下:

mysite.com/mypage.html#tutorial

但是，将页面加载到此 div ID 不会触发 onclick 事件。

实现此目标的最佳方法是什么？

Answer 1

使用加载

<div id="tutorial" onload="onLoadTutorial();"></div>

function onLoadTutorial() {
  if (document.location.endsWith("#tutorial")) {
    //...
  }
}