javascript - 在 onClick 之前执行 href

Question

我有以下链接:

<a href="#HDR" onClick="showGallery()">I</a>

这使用以下 javascript:

function showGallery(){
    if(window.location.hash) {
      $('#gallery').fadeIn('fast');
      var hash = window.location.hash.substring(1);
      alert(hash);
    } else {

    }

}

因此它仅在 URL 中包含主题标签时才显示图库。但是当我点击链接时，没有任何反应。当我点击它两次时，画廊淡入。

因此，链接首先生成 javascript，我无法正常工作，因为 URL 中没有主题标签，之后，它执行 href 并将主题标签插入 URL。我该怎么做？

我的目标:

当我点击一个链接时，它会打开一个画廊。要知道我必须打开哪个画廊，我在 URL 中插入一个标签。在这里我想显示 HDR 相册。而且我还想，如果我的网站打开时带有标签，它应该显示画廊。!

还有另一种更简单或更清洁的方法吗？希望你明白我想要什么。

Answer 1

对于现代浏览器，您可以将 Javascript 代码绑定(bind)到 onhashchange事件。链接将没有 Javascript:

<a href="#HDR">I</a>

只要哈希发生变化，Javascript 就会运行:

function locationHashChanged() {
    if (location.hash === "#HDR") {
        $('#gallery').fadeIn('fast');
    }
}

window.onhashchange = locationHashChanged;