关于提示框，或多或少都用到过，提示框常见方式两种：js原生alert() 和 div模拟弹层；下面以一个常见的需求业务场景来展现提示框的那点事；
客户：需求方；
小白：实现方（全权负责）；
小菜：技术逼格高小白一点的小菜鸡；
场景模拟（以签到为例，下文不会涉及积分计算或者积分累计情况，只单纯研究本文重点：提示框）
客户：我需要一个功能，点击一个按钮，进行签到，签到成功或失败进行提示；
小白：好的，大概需要XX的时间；
过了XX时间，版本Example-01顺利出炉，小白高兴的拿给客户演示：
效果如下：
前台代码：
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %&
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head runat="server"&
&title&&/title&
&style type="text/css"&
body,div{ background-color: #CCC;margin: 0;padding: 0;}
.container{ width: 1000px; margin: 100px auto; padding: 0; }
.btn-test{ font-size: 30px;cursor: pointer; width: 250px;height: 100px;}
&form id="form1" runat="server"&
&div class="container"&
&asp:Button runat="server" ID="btn_Test" CssClass="btn-test" OnClick="btn_Test_Click" Text="签到" /&
后台代码：
protected void btn_Test_Click(object sender, EventArgs e)
var isSuccess = (DateTime.Now.Millisecond % 500) & 250 ? true : false;
if (isSuccess)
Response.Write("&script&alert('成功!');&/script&");
Response.Write("&script&alert('失败!');&/script&");
客户：功能倒是看见了，但是为什么弹出提示框后面的内容和颜色都没了，成了空白了呢？
小白：额，这个。。。等着我再看看这个问题，然后再让您看看效果。
于是小白度娘修改了一下代码，版本Example-02，演示效果如下：
前台代码未变，后台代码如下：
protected void btn_Test_Click(object sender, EventArgs e)
var isSuccess = (DateTime.Now.Millisecond % 500) & 250 ? true : false;
if (isSuccess)
Page.ClientScript.RegisterStartupScript(this.GetType(), "", "&script&alert('签到成功!');&/script&");
Page.ClientScript.RegisterStartupScript(this.GetType(), "", "&script&alert('签到失败!');&/script&");
客户：嗯，现在比之前好多了，不过现在我想改点东西，就是点击按钮，弹出提示框，点击确定，然后过几秒之后，再提示另一个提示框XXX。
小白：额，这个不符合用户操作习惯，这个有XX缺点，balabala。。。
客户：哦，这个没事，这样做的话，有XX优点，而且balabala。。。你这样做就行了。
小白：额，好吧。
于是经过XX时间，在小度娘娘的帮助下，推出了第三个版本Example-03，这次小白请小菜看了一下，顺便看了一下代码，这次效果如下：
前台未变，后台代码如下：
protected void btn_Test_Click(object sender, EventArgs e)
var isSuccess = (DateTime.Now.Millisecond % 500) & 250 ? true : false;
if (isSuccess)
Page.ClientScript.RegisterStartupScript(this.GetType(), "", "&script&ShowMsg(); function ShowMsg() { alert('成功!');setTimeout(ShowOtherMsg(), 2000);} function ShowOtherMsg() { alert('你为何又弹一次窗口，傻逼?不要骂我,因为这是客户要求的!!!!');}&/script&");
Page.ClientScript.RegisterStartupScript(this.GetType(), "", "&script&ShowMsg(); function ShowMsg() { alert('失败!');setTimeout(ShowOtherMsg(), 2000);} function ShowOtherMsg() { alert('你为何又弹一次窗口，傻逼?不要骂我,因为这是客户要求的!!!!');}&/script&");
小菜：前台效果凑合，但是为什么加两次弹窗？
小白：客户要求的。
小菜：。。。。。。。你后台代码是写的一坨翔么？
小白：翔是啥？
小菜：额，没什么。你这代码前后台混编功力不错，如果js有100行，1000行，也打算写在后台么？
小白：这是后台定义弹窗，不写在后台写在哪？
小菜：。。。。。。。你把js定义函数放在前台，后台直接调用，这样代码无论是调试还是易读性都会好些。
小白：哦，也是，我改下代码。
小白经过一番努力终于把代码修改一个版本，版本为Example-04，效果还是Example-03效果，前后台代码如下：
&script type="text/javascript"&
function ShowMsg(msg) {
alert(msg);
setTimeout("ShowOtherMsg()", 2000);
function ShowOtherMsg() {
alert('你为何又弹一次窗口，傻逼?不要骂我,因为这是客户要求的!!!!');
protected void btn_Test_Click(object sender, EventArgs e)
var isSuccess = (DateTime.Now.Millisecond % 500) & 250 ? true : false;
if (isSuccess)
Page.ClientScript.RegisterStartupScript(this.GetType(), "", "&script&ShowMsg('成功');&/script&");
Page.ClientScript.RegisterStartupScript(this.GetType(), "", "&script&ShowMsg('失败');&/script&");
小菜看了下代码，悟性挺高么，还行，就这样，小白拿着改好的代码，又给客户演示了一遍（如Example-03效果）；
客户：效果是实现了，不过我又发现一个问题，为什么我刷新页面，会提示这东西呢？
小白：哦，这是因为页面窗体防止表单重复提交的提示，balabala。。。
客户：那去掉这东西，看着太别扭了。
小白：哦，好吧。
小白想了想，出现提示框是由于form表单的验证机制，那去掉不就行了，但是去掉之后，那些button用的都是服务器控件，就不能正常工作了，那该如何是好？那干脆换成纯静态页面+ajax+一般处理程序吧；就这样，小白努力奋战了一段时间，终于千呼万唤始出来，版本Example-05出来了，效果如下：
完整代码：
&!DOCTYPE html &
&title&&/title&
&style type="text/css"&
body, div { background-color: #CCC; margin: 0;padding: 0;}
.container{ width: 1000px;margin: 100px auto;padding: 0;}
.btn-test{font-size: 30px;cursor: pointer; width: 250px;height: 100px;}
&script type="text/javascript"&
function ShowMsg() {
* 假设ajax请求成功,并返回如下json；
var json = '[{"Code":200,"State":"Success","Message":"签到成功"}]';
var obj = eval(json);
alert(obj[0].Message);
setTimeout("ShowOtherMsg()", 2000);
function ShowOtherMsg() {
alert('你为何又弹一次窗口，傻逼?不要骂我,因为这是客户要求的!!!!');
&div class="container"&
&input type="button" class="btn-test" onclick="ShowMsg()" value="签到" /&
客户：嗯，上次提的问题解决了，但是上面的IE提示框和火狐，谷歌等浏览器怎么不一样呢？
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& 火狐效果：&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& 谷歌效果
小白：这个提示框是本身语言自带的，没有办法改变，而且浏览器有自己的机制，没办法改变，balabala。。。
客户：那这样不行啊，同一个页面在不同浏览器效果不一样，用户体验不好，这个问题必须解决了。
小白：哦，好吧，我想想如何通过其他办法实现吧。
小白充分发挥互联网搬运工作用，在网上找了一个插件，顺利解决了浏览器之间的弹框差异性，版本Example-06效果如下：
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
IE，火狐，谷歌效果
代码如下：
&script src="jquery-1.8.3.min.js" type="text/javascript"&&/script&
&script src="layer/layer.min.js" type="text/javascript"&&/script&
&script type="text/javascript"&
function ShowMsg() {
* 假设ajax请求成功,并返回如下json；
var json = '[{"Code":200,"State":"Success","Message":"签到成功"}]';
var obj = eval(json);
layer.alert(obj[0].Message, 6, function (index) {
layer.close(index);
setTimeout("ShowOtherMsg()", 2000);
function ShowOtherMsg() {
layer.alert('你为何又弹一次窗口，傻逼?不要骂我,因为这是客户要求的!!!!',0);
客户：嗯，这次在各个浏览器效果都是一样的，小伙子不错，不过，我还是感觉提示框有点单调，能不能改成我说的XX样子呢？
小白：额，这个。。。
见小白面露难色，客户开口了。
客户：如果你把这个问题解决，后面我们就尽快验收，同时我给你们领导说好话，给你升职加薪，让你赢娶白富美(当然这是瞎编的)；尽快完成吧，马上到项目结束时间了。
小白：。。。。。。好吧，我再想想办法吧。
小白自己念叨着，既然第三方插件提示框不符合要求，要么修改第三方提示框的样式，要么只能自己写。对于小白来讲，在工期比较紧，第三方插件又不熟，读源码浪费时间的前提下，修改第三方插件是不太可能了，只能自己写了。
于是，经过度娘和其他好友帮助，最终解决了这个难题，心中暗暗发誓，这是最终版本，命名：终极打死不改版本&&LastKilledNotToChangeExample&&，实现效果如下：
　　　　　　　　IE效果图：
　　　　　　　　　　Firefox 效果图：
　　　　　　　　　　Chrome 效果图：
源代码如下：
&!DOCTYPE html &
&title&&/title&
&style type="text/css"&
body, div{background-color: #CCC;margin: 0;padding: 0;}
a{ text-decoration:none;}
.container{width: 1000px;margin: 100px auto;padding: 0;}
.btn-test{font-size: 30px;cursor: pointer;width: 250px;height: 100px;}
.shade_new{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0px;left: 0px;z-index: 1000; display:none;}
.pop1{background:url(../images/popbg1.png) no-repeat;width:<span style="background-color: #f5f5f5; color: #px; height:<span style="background-color: #f5f5f5; color: #px; position:relative;margin: 200px auto; }
.close{ width:48px; height:48px; background:url(../images/close.png) no-repeat; display:inline-block; position:absolute; top:-14px; right:-12px; text-indent:-9999px; _font-size:0; _text-indent:0px; +font-size:0; +text-indent:0px;}
.title1{ text-align:center; font-size:27px; color:#ffc286; padding:90px 0 30px; }
.pop1box{ text-align:center;}
.btn-confirm{background:url(../images/btn3.jpg) no-repeat; display:inline-block; text-indent:-9999px;_font-size:0; _text-indent:0px; +font-size:0; +text-indent:0px;width:95px; height:41px; background-position:<span style="background-color: #f5f5f5; color: #;position: absolute;left: 178px;bottom:42px; }
&script src="../js/jquery-1.8.0.min.js" type="text/javascript"&&/script&
&script type="text/javascript"&
$(function () {
$(".btn-test").on("click", function () {
//假设ajax请求成功,并返回如下json；
var json = eval('[{"Code":200,"State":"Success","Message":"签到成功"}]');
ShowMsg(json[0].Message);
$(".btn-confirm,.close").on("click", function () {
$(".shade_new").hide();
//由于原生js的alert是阻塞线程的，所以此处做判断进行模拟阻塞。---仅仅是为了客户的一句话&他觉得。。。&
if ($(".shade_new").css("display") == "none"&&$(".title1").html()=="签到成功") {
setTimeout("ShowMsg('第二次弹出')", 2000);
//显示弹窗
function ShowMsg(msg) {
$(".title1").html(msg);
$(".shade_new").show();
&div class="container"&
&input type="button" class="btn-test" value="签到" /&
&div class="shade_new"&
&div class="pop1" id="pop1"&
&a href="javascript:void(0)" class="close"&关闭&/a&
&p class="title1"&
&p class="pop1box"&
&a href="javascript:void(0)" class="btn-confirm" &&/a&
其实，小白知道，这永远不是一个结尾~~，只能算是那个时间段的结尾~后来又出现了N多版本的修改。。。
　　初衷：
　　　　1.写这篇文章来源于QQ群友的一个问题，于是想总结下关于.net前端与后端的提示框，串联这么一个小故事；
　　　　2.顺便吐槽下软件行业一些潜规则，比如客户的需求更改频繁，程序员的一再唯唯诺诺；
　　　 & 3.可以帮助一些需要相关知识点的人，不一定完全解决你的疑问，但是可以提供一点点经验。
　　　　4.希望这篇文章起到 抛砖引玉 的作用，期待各位的交流。
阅读(...) 评论()怎么告诉后台我的点击提示框
[问题点数：40分]
本版专家分：0
CSDN今日推荐
本版专家分：396037
2017年 总版技术专家分年内排行榜第三
2013年 总版技术专家分年内排行榜第五
2018年5月 总版技术专家分月排行榜第一2018年4月 总版技术专家分月排行榜第一2018年2月 总版技术专家分月排行榜第一2017年8月 总版技术专家分月排行榜第一
2018年3月 总版技术专家分月排行榜第二2017年11月 总版技术专家分月排行榜第二2016年2月 总版技术专家分月排行榜第二2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
本版专家分：505907
年度总版至少三次排名前十即授予名人勋章
2012年 总版技术专家分年内排行榜第一2007年 总版技术专家分年内排行榜第二2006年 总版技术专家分年内排行榜第二2004年 总版技术专家分年内排行榜第二
2005年 总版技术专家分年内排行榜第三2003年 总版技术专家分年内排行榜第三2002年 总版技术专家分年内排行榜第三
2011年 总版技术专家分年内排行榜第六2010年 总版技术专家分年内排行榜第八
匿名用户不能发表回复！
其他相关推荐往公司网站后台传照片，点击上传图片的图标却没任何反应，也不出现传图片的对话框，这是怎么回事呀？_百度知道
往公司网站后台传照片，点击上传图片的图标却没任何反应，也不出现传图片的对话框，这是怎么回事呀？
连要传图片的对话框都没有，更别说是传图片了。怎么从浏览器上设置呀？能具体说一下吗？那么还有一台电脑我明明上传的是JPEG格式的图片，上面却说格式不支持，请用JPEG、JPG、ENG等格...
连要传图片的对话框都没有，更别说是传图片了。怎么从浏览器上设置呀？能具体说一下吗？那么还有一台电脑我明明上传的是JPEG格式的图片，上面却说格式不支持，请用JPEG、JPG、ENG等格式。很郁闷！~~
&#xe6b9;答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
首先要联系下给你们公司做网址的人员，或是你试试IE6的浏览器可以不可以，我们公司的就是必须要用IE6的浏览器才能在公司网址后台上传图片的。不知道能不能帮上你。不过值得你一试！
采纳数：73
获赞数：407
很明显浏览器阻止了，换个浏览器试试，或者在浏览器的设置里设置，建议使用火狐浏览器，个人感觉不错。
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。无需ROOT和框架怎么关闭后台应用
来源：安软市场
& & & & 相信大家都知道后台软件运行不仅会消耗我们的流量和手机电量，也会增加手机的不安全因素。目前市场上大多数禁止后台的软件都需要ROOT权限或者XPOSED框架，今天我们来说说不要ROOT和框架怎么关闭后台运行软件。
& & & &无需ROOT和框架怎么关闭后台应用
& & & &1、首先，下载最新版的APP，打开软件以后第一步【打开服务】：
&&&&&& 2、开启服务以后，自动检测手机后台运行程序：
&&&&&& 3、我们选择【后台运行应应用】，然后就可以选择需要运行的应用进行进入白名单，然后点击主页面关闭即可：
& & & &如果你的手机已经root，黑白门，冰箱和阻止运行等等软件自然不用说，但是没有root还是它最好用；更多实用教程欢迎关注安软市场资讯。
2018 / 08 / 28
2018 / 08 / 28
2018 / 08 / 28
2018 / 08 / 28
2018 / 08 / 28
2018 / 08 / 28
手机客户端
微信公众号
人已预约此应用
关注"安软市场"微信公众号
玩最新好玩的手机游戏华为手机4a按方框键清理后台运行程序没有反应了?_百度知道
华为手机4a按方框键清理后台运行程序没有反应了?
&#xe6b9;答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
米蒂花之都
米蒂花之都
采纳数：5874
获赞数：13623
您好！您可以进入“设置”界面，点击“应用管理”，选择要关闭的应用程序，然后点击“强行停止”，按照屏幕提示将其关闭。 若手机中预置了“手机管家”，可以通过手机管家关闭应用：进入“手机管家”界面，点击“加速优化”，一键结束后台运行的应用。祝您新年快乐！
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。