您的位置:首页 > Web前端 > JavaScript

javascript如何弹出对话框

2010-12-22 12:06 295 查看
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();"//在按钮的标签中添加这句代码
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: