c# - 如何在javascript中的onclick函数触发之前运行href ="#var=something"？

Question

我正在使用下面的 javascript 来更改 asp.net c# 中的 aspx 上的图像

<script language="JavaScript" type="text/javascript">        
        var updateImageWhenHashChanges = function()
        {
            theImage = document.getElementById("ctl00_ContentPlaceHolder1_Image1a");
            if(window.location.hash == "#size=2")
            {
              theImage.src = "<%# Eval("realfilename", "/files/l{0}") %>";
            }
            else if(window.location.hash == "#size=3")
            {
              theImage.src = "<%# Eval("realfilename", "/files/{0}") %>";
            }
            else if(window.location.hash == "#size=1")
            {
              theImage.src = "<%# Eval("fullthumbname", "/thumbnails/{0}") %>";
            }
            else 
            {

            }
        }       
</script>

这是我如何通过链接调用它

<a href="#size=3" onclick="updateImageWhenHashChanges();">test</a>

问题是它只在第二次单击链接时执行我所期望的操作，因为 onclick 似乎在 href 之前触发，所以第一次我只是放置 var，第二次我实际上得到了我想要的。

有谁知道我该如何解决这个问题？我试图让图像在每次点击时发生变化

Answer 1

也许您可以将 href 替换为 javascript:void(0)，然后在 onclick() 脚本末尾处理链接的“自然”点击行为。