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

Question

I have the following div:

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

I want to target this div via the URL, by navigating like this:

mysite.com/mypage.html#tutorial

However, loading the page to this div ID doesn't trigger the onclick event.

What is the best way to accomplish this?

Answer 1

Use onload

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

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

Answer 2

Instead of calling hashChanged(), call your own onclick function or execute the content inside of it

Handle URL anchor change event in js