按钮单击时的javascript功能有时有效

时间:2019-02-18 22:27:03

标签: javascript c# asp.net

在我的asp.net页面上测试javascript。我有一个简单的功能,当单击按钮时应该显示图像。但是,它仅在我添加带有Alert()的第二行时才有效。如果我将其保留,则单击按钮不会显示图像。

   <head runat="server">
    <title></title>
    <script type="text/javascript">
        function showIt() {
            document.getElementById("imgLoader").style.display = 'block';
//            alert("Message");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <img ID="imgLoader" alt="Loading..." src="images/loader.gif" style="display:none" />
        <br />
        <br />
        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="showIt();" />


    </div>
    </form>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

我认为您可能需要点击事件监听器。这是Javascript EventListener的链接。
https://www.w3schools.com/js/js_htmldom_eventlistener.asp

答案 1 :(得分:0)

尝试类似下面的代码!

<html>
<head>
<script>
function function1()
{
alert("Message");
}
</script>
</head>
<body>
<form>
<input type='button' onclick='function1()' value='Click Me'>
</form>
</body>
</html>