如何在 asp.net 按钮单击上应用 javascript？答案

【问题标题】：How to apply javascript on asp.net button click?如何在 asp.net 按钮单击上应用 javascript？
【发布时间】：2015-04-01 02:12:07
【问题描述】：

我正在使用引导警报自动关闭消息。代码如下

<div id="alertdiv" class="alert">
    <a class="close" data-dismiss="alert">×</a><span>' + message + '</span></div>

Asp.net 按钮点击代码

<div>
 <asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="btn btn-block org" Style="margin-top: 0px" OnClick="btnLogin_Click" ValidationGroup="Login" OnClientClick="msg();" />
</div>

Javascript 代码如下。 javascript编写是否正确？请检查一下！

<script type="text/javascript">

    $(document).ready(function () {
        function msg() {
            window.setTimeout(function () {
                $(".alert").fadeTo(1500, 0).slideUp(500, function () {
                    $(this).remove();
                });
            }, 5000);
        }
    });

</script>

【问题讨论】：

您遇到错误了吗？
不！，脚本不会被解雇@DyrandzFamador
试试@Rohan 下面的例子。这是从 asp 按钮调用 javascript 的示例
好的，等一下！@DyrandzFamador
编译错误消息：CS1002；预计在 Sub btClick1(obj As Object, e As EventArgs) @Dyrandz

标签： javascript asp.net twitter-bootstrap

【解决方案1】：

我希望这能有所帮助。我必须承认，我不清楚你想要达到的目标。

<script type="text/javascript">
     myClosure=function() {
        var canyousee = "here I'm ";
        return (function () {
            return { canyouseeIt: function(){return confirm (canyousee)}};
        });
    }
</script>


<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="(myClosure())().canyouseeIt()" />

【讨论】：

我要实现的是div标签，通过javascript调用，里面有一些时间函数，几秒后div会淡出。这个 javascript 是通过 asp.net button click 调用的。 @Shohel

【解决方案2】：

function msg() {
    window.setTimeout(function () {
        $(".alert").fadeTo(1500, 0).slideUp(500, function () {
            $(this).remove();
        });
    }, 5000);
}

你在你的 ready 中声明你的函数。在它之外声明它。

$(document).ready(...); 基本上说“当我的文档完成渲染后，运行其中的代码。”您不想这样做，您只想声明您的函数以在 OnClientClick 中使用。如果您将msg() 移出.ready()，它应该可以工作。

此外，ASP.NET 控件呈现为常规 html。如果我没记错的话，我相信<asp:button> 会呈现为常规按钮。您可以像这样使用委托事件处理程序：

$('#' + '<%= btnLogin.ClientID %>').on('click', function() {
    msg();
});

【讨论】：

我无法理解代码 $('#yourclientid').on('click', function(){ });。请你写我的代码好吗？我是 asp 和 javascript 的学习者。@Yatrix
我试过你更新的代码，它不显示消息功能@Yatrix
@Rohan 是在点击消息功能吗？您上面的 cmets 说 msg() 根本没有触发。
怎么弄出来的？你解释一下！ @亚特里克斯。是的 msg() 没有被解雇！
您必须学习如何在浏览器控制台中调试 JavaScript。我无法向你解释，这是你必须学会做的事情。 SO 在这里帮助您回答某些问题，而不是教您如何编程。只需进行一些谷歌搜索，您应该能够了解调试 .js 所需的所有知识。