HTMLButton控件下的Confirm()

作者：未知   请作者速与本人联系

一、前言<!----><o:p></o:p>

在ASP.NET中大部分如删除等一些动作为了友好都为添加confirm('')来弹出消息框进行提示，但是HTML控件和WEB控件是否使用的方法是一样的呢?<o:p></o:p>

二、方法<o:p></o:p>

A. System.Web.UI.WebControls.Button控件<o:p></o:p>

现在一般都是这样<o:p></o:p>

在Page_Load中添加<o:p></o:p>

this.Button1.Attributes.Add("onclick","javascript:return confirm('ok')"); <o:p></o:p>

B、System.Web.UI.HtmlControls.HtmlInputButton控件<o:p></o:p>

来达到目的..而假设为在HTML控件中进行上述操作<o:p></o:p>

this.Button2.Attributes.Add("onclick","javascript:return confirm('ok')");<o:p></o:p>

当然你也可以直接在HTML中

<o:p></o:p>

id="Button2" type="button" onclick="javascript:return confirm('ok?')" value="Button" name="Button2" runat="server"<o:p></o:p>

<o:p> </o:p>

再运行，首先他会提示缺少;<o:p></o:p>

<o:p> </o:p>

这时打开HTML代码<o:p></o:p>

可以看到<o:p></o:p>

input language="javascript" onclick="javascript:return confirm('ok') __doPostBack('Button2','')" name="Button2" id="Button2" type="button" value="Button"<o:p></o:p>

<o:p> </o:p>

可以清楚的看到不仅仅是少了;而已<o:p></o:p>

而要添加上<o:p></o:p>

if(!confirm('ok')){return};<o:p></o:p>

否则是永远也不会运行它的回发事件的,<o:p></o:p>

C、其它控件<o:p></o:p>

现在试试其它控件<o:p></o:p>

protected System.Web.UI.WebControls.ImageButton ImageButton1;<o:p></o:p>

protected System.Web.UI.WebControls.LinkButton LinkButton1;<o:p></o:p>

protected System.Web.UI.HtmlControls.HtmlInputButton Reset1;<o:p></o:p>

protected System.Web.UI.HtmlControls.HtmlInputButton Submit1;<o:p></o:p>

同样在Page_Load中添加代码，运行都可以正常的运行..<o:p></o:p>

打开HTML你可以看到..它们是怎么回发
打开发现只有LinkButton在href属性中有__doPostBack(),并不是在click事件中所以不会发生上面现象
而其它几个控件则就没有使用__doPostBack()<o:p></o:p>

   D、小技巧 <o:p></o:p>

在DataGrid中其实可以用更容易的方法来对删除等消息框的处理只要在这里添加
<div onclick=”return confirm(‘确定删除吗?’)”>删除</div>
如图

<o:p></o:p>

三、总结<o:p></o:p>

通过上面可以看出要添加Attribute时要注意各个控件的区别和差异，添加Attribute要根据各个控件的特性来分别来对待.<o:p></o:p>