想要使用 javascript 显示一个消息框

Question

大家好，我有一个网络表单，其中有一个按钮，用于单击正在备份的数据，我使用了以下 javascript：

<script language="javascript" type="text/javascript">
   function showPleaseWait() {
       document.getElementById('PleaseWait').style.display = 'block';
   }
</script>

<asp:Button ID="btnTakebackup" runat="server" Text="Take Backup"  Enabled="true" 
   onMouseDown="showPleaseWait()" CausesValidation="false" />

<div id="PleaseWait" style="display: none;">"Please Wait Backup in Progress.."</div>

您好，我正在使用按钮进行备份。

现在我想在btnTakebackup_Click() 事件中显示一条消息，无论备份是否成功。 我在btnTakebackup_Click() 事件中使用了Response.Write("<script>alert('abcd');</script>");。 但问题是我也想显示页面，它没有显示，而是显示白色背景。

提前谢谢...

Answer 1

根据您的问题，我了解到单击按钮后正在备份数据，但是单击按钮后未立即显示警报。这是因为您在按钮单击事件中调用了JavaScript只有在按钮单击中的所有代码都执行后才会触发。建议您在自己的.aspx源页面中添加一个JavaScript函数并调用JavaScript函数，如下所示：

        <script ...>
        function xyz()
        {
        alert('Please Wait');
        }
        </script>

    and in button declaration

        <asp:button id='btn_submit' runat="server" OnClientClick="return xyz();" />

Answer 2

您真的希望它成为警报吗？ （您应该知道他们锁定了整个浏览器，而不仅仅是您的页面所在的选项卡），您的用户真的需要通过单击确定来确认备份成功还是仅仅被告知？...

我建议您在页面上有一个 div，上面写着“备份成功”。其可见性可以通过布尔属性 BackUpSuccess 设置，您可以在后面提到的代码中将其设置为 true。

<div id="backUpSuccess" <%=BackUpSuccess ? "" : "style='display:none;'"%>>
    Backup was successfull
</div>

...您可以在 .css 文件中随意设置 div 的样式以引起注意。

---

如果你真的想要一个警报，你可以在页面加载时运行一些 JavaScript 来检查你以类似方式设置服务器端的隐藏输入的内容......但是在页面加载时运行 javascript 很棘手......除非你的使用jQuery，然后你就会知道它很容易。

Answer 3

您可以将客户端事件处理程序添加到 ASP 控件：

How to: Add Client Script Events to ASP.NET Web Server Controls

干杯。

Answer 4

要显示消息框警报应该能够将新脚本写入响应流：

var script = 
    "<script type=\"javascript\">" +
    "alert(\"Backup in progress, don't go!\");" +
    "</script>"
Response.Write(script);

无论这多么令人反感，我想它有时是“必要的”。