javascript如何弹出对话框
javascript弹出对话框
1.消息框
页面上操作完成后弹出个信息框，提示操作成功的方法：
Response.Write("<mce:script type="text/javascript"><!-- alert('操作成功！'); // --></mce:script>");
页面上操作完成后弹出信息框，提示成功然后跳转到其他页面的方法：
Response.Write("<mce:script type="text/javascript"><!-- alert('删除成功!');window.location.href ='http://www.csdn.com' // --></mce:script>");//页面跳转
但是，这两种方法都会使背景变白。怎样才能避免这种情况呢？
使用ASP.NET中的Page.ClientScript.RegisterStartupScript方法就可以避免这种情况了。（在Page中发出客户端脚本）
Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<mce:script language='javascript' defer><!-- alert('操作成功！');//背景没有变白 Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript' defer>alert('操作成功！');window.location='Default.aspx'</script& gt;"); //有转向
2.确认框
点击页面上的按钮，弹出一个对话框提示是“确定”还是“取消”操作，方法如下：
方法一：
采用按钮添加属性。
public System.Web.UI.WebControls.Button btnDelRow; btnDelRow.Attributes.Add("onclick", "return confirm('确定要删吗?');");
方法二：
采用按钮的OnClientClick属性，在客户端执行javaScript语句。
OnClientClick=" if (!window.confirm('是否删除？'))return false;"
点击页面上的按钮，弹出一个对话框提示是“确定”还是“取消”操作，选择“确定”或“取消”后跳转到相应的页面,方法如下：
方法一：
在按钮的单击事件中写如下语句
string strMsg="123";//提示的信息 string strUrl_Yes="http://www.baidu.com";//点击确定后跳转页面的地址 string strUrl_No="http://www.163.com";//点击取消后跳转页面的地址 Response.Write("<Script Language='JavaScript'>if ( window.confirm('"+strMsg+"')) { window.location.href='" + strUrl_Yes +"' } else {window.location.href='"+ strUrl_No +"' };</script>");
当然上面的方法填出对话框的时候会使背景变白，我们可以改成
string strMsg="123";//提示的信息 string strUrl_Yes="http://www.baidu.com";//点击确定后跳转页面的地址 string strUrl_No="http://www.163.com";//点击取消后跳转页面的地址 Page.ClientScript.RegisterStartupScript(Page.GetType(),"change","<Script Language='JavaScript'>if ( window.confirm('"+strMsg+"')) { window.location.href='" + strUrl_Yes +"' } else {window.location.href='"+ strUrl_No +"' };</script>");
方法二：
也可以在按钮的OnClientClick属性中执行javaScript函数
funcation btnClick(urlOK,urlNO){ if (!window.confirm('是否删除？')){ window.location.href='urlOK'; } else { window.location.href='urlNO'; } }
OnClientClick=" btnClick();"//在按钮的标签中添加这句代码