Question

如何使用javascript在asp.net web应用程序中显示“已成功保存”的消息框。

任何想法???

Answer 1

选项1

您可以通过简单地创建和附加绝对定位的DOM元素，在几乎任何位置放置页面上的任意内容，有关详细信息，请参阅this question's answer，但从根本上说：

var element;

element = document.createElement('div'); // Or whatever
element.style.position = "absolute";
element.style.left = "100px";
element.style.top = "100px";
element.style.width = "200px";
element.style.height = "200px";

document.body.appendChild(element);

left，top等可以是任何有效的CSS值。您可能还希望使用z-index来确保它显示在其他内容之上。

当然，当他们点击它或你想要删除它时：

document.removeChild(element);

如果您希望“灰显”基础页面等，您可以使用iframe shim来实现这一目标。

选项2

另一种选择是使用JavaScript alert函数，但它非常具有侵入性和老式外观。

Answer 2

alert ( "Successfully saved" );

显示包含指定内容的警告对话框和“确定”按钮。请参阅 window.alert

警告框的问题在于它阻止用户进行任何进一步的操作。如果您可以在<span>或<div>等容器中显示自定义消息并将其放在页面中，那就更好了。

<强> 修改

如果你可以使用jQuery，那么这个有不同的自定义警告框。

<强> jQuery impromptu

Answer 3

Response.write（“＆lt; script＆gt; alert（'Successfully saved！'）;＆lt; / script＆gt;”）;

或调用带参数的javascript函数 Response.write（“＆lt; script＆gt; ShowMessage（'Successfully saved！'）;＆lt; / script＆gt;”）;

//客户端功能

function ShowMessage（message） { 警报（消息）; }

Answer 4

而不是像这样注册一些JavaScript代码：

Response.write("<script>ShowMessage('Successfully saved !');</script>");

使用这种内置方法有点干净：

Page.ClientScript.RegisterStartupScript(this.GetType(), "showMyMessage", "ShowMessage('Successfully saved!');", true);

这比使用Response.Write更清晰，它会自动添加前缀并附加'＆lt; script type =“text / javascript”＆gt;'和'＆lt; / script＆gt;'。

在你的ShowMessage（MyMessage）函数中，你可以做一个简单的alert（），或者你可以做一些像T.J.克劳德建议。

asp.net Web应用程序中的消息框

4 个答案:

选项1

选项2