javascript如何弹出对话框

javascript弹出对话框

1.消息框

页面上操作完成后弹出个信息框，提示操作成功的方法：

Response.Write("<mce:script type="text/javascript"></mce:script>");

页面上操作完成后弹出信息框，提示成功然后跳转到其他页面的方法：

Response.Write("<mce:script type="text/javascript"></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();"//在按钮的标签中添加这句代码

javascript如何弹出对话框相关推荐

JavaScript - JavaScript自定义弹出对话框
本脚本使用自定义的浮动窗口替代浏览器自己的对话框,效果非常不错.包含Error | Warning | Success | Prompt 四个对话框窗口兼容性:IE6+ FireFox2+ Oper ...
java前端 js弹出框_js 弹出对话框3种方式
js 弹出对话框3种方式 (2012-12-03 16:10:47) 标签: it javascript js 弹出对话框3种方式对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认 ...
javascript－－弹出对话框四种对话框获得用户输入值 .
让用户点击确定取消.让用户输入值.打开指定窗口 alert("message") confirm("message") prompt("messag ...
javascript入门系列演示·三种弹出对话框的用法实例
对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的 ...
javascript弹出对话框
//关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("<script language=javascript>window.close();< ...
JavaScript实现弹出“确定/取消”对话框的方法
在网页中经常会让用户提交一些事件,然后在事件处理之前会弹出"确定/取消"对话框,待用户确定后再利用程序处理事件,今天就教大家如何利用JavaScript实现弹出"确定/取 ...
分享：JavaScript弹出对话框的三种方式
转载自品略图书馆 http://www.pinlue.com/article/2019/11/2023/069810461833.html 学习过js的小伙伴会发现,我们在一些实例中用到了alert( ...
javascript 弹出对话框
首先我想先说两句我对javascript的一些看法,我希望大家认真的去学习这门编程语言,因为它给我们在开发网页时,会带来很多的惊喜!javascript一般是运行在客户端的(client),主要用于开 ...
HTML中弹窗中加入图片,javascript里怎么实现点击图片弹出对话框？
JavaScript中可以使用document.getElementsByTagName方法后去img标签,然后遍历所有img标签并为其添加点击事件实现点击弹出对话框. JavaScript实现点击图 ...

javascript如何弹出对话框

javascript如何弹出对话框相关推荐

最新文章

热门文章