JavaScript三种弹出框（alert，confirm和prompt）用法举例

http://blog.csdn.net/lucky51222/article/details/45604681

我们在做网页交互的时候往往需要用户在操作之前弹出一个提示消息框来让用户做一些点击才能继续或者放弃，这里有三种模式消息框，它们分别是alert(),confirm()和prompt()。下面我用最简单的方式和例子来做一下介绍：

1、alert()--警告消息框
alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。
例如：window.alert("欢迎！请按“确定”继续。")，将会出现下面的情况

Paste_Image.png

2、confirm()--确认消息框
使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。
例如： var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。")，情况如下
if (truthBeTold) {
window.alert("欢迎访问我们的 Web 页！");
} else
window.alert("再见啦！");

Paste_Image.png

当你点击确定的时候：

Paste_Image.png

当你点击取消的时候：

Paste_Image.png

3、prompt()--提示消息框
提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数，则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则，默认文本为 "<undefined>"。与alert( ) 和 confirm( ) 方法类似，prompt 方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框。
例如：var theResponse = window.prompt("欢迎？","请在此输入您的姓名。");情况如下

Paste_Image.png

JavaScript三种弹出框（alert，confirm和prompt）相关推荐

JavaScript三种弹出框（alert，confirm和prompt）用法举例
目录 1. 警告(alert) 2. 确认(confirm) 3. 提问(prompt) 1. 警告(alert) 在访问网站的时候,你遇到过这样的情况吗?"咚"的一声,一个小 ...
java弹出网页alter_JavaScript三种弹出框（alert，confirm和prompt）用法举例
我们在做网页交互的时候往往需要用户在操作之前弹出一个提示消息框来让用户做一些点击才能继续或者放弃,这里有三种模式消息框,它们分别是alert(),confirm()和prompt().下面我用最简单的 ...
js的三种弹出框（alert、confirm、prompt）简单介绍
一.具体内容 1.alert() alert 方法有一个参数,就是用户想弹出的内容,弹出框很简单,就一个显示功能.你可以点击确认关闭这个弹出框. 例如:alert("hello wo ...
【Web前端】JavaScript的三种弹出框：警告框、确认框、提示框
JavaScript有三种不同的弹出框:警告框.确认框.提示框 1.警告框:window.alert() 当需要确保用户收到某种信息时,可以使用警告框,用户必须点击警告框上的[确定]按钮,才能继续操作 ...
JS的三种消息提示框alert confirm prompt
首先来看看alert的效果: 代码为: $(function(){$("#quit").click(quit); })function quit(){alert("消息提 ...
JS的三种弹出提示框(alert、confirm、prompt)
三种弹出提示框 1.alert() 2.confirm() 3.prompt() 1.alert() 方法会弹出一个警告框,只有确定按钮 alert('这是个警告框') 2.comfim() 会弹出一 ...
javascript入门系列演示·三种弹出对话框的用法实例
对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的 ...
FM实现F4帮助系列三：弹出框多筛选…
FM实现F4帮助系列三:弹出框多筛选条件的搜索帮助(根据搜索帮助筛选字段) 函数:F4IF_GET_SHLP_DESCR F4IF_START_VALUE_REQUEST 效果图: 本例子代码: 找 ...
js仿苹果风格弹出框alert插件
下载地址 js仿苹果风格弹出框alert插件,多种调用方式. dd:

JavaScript三种弹出框（alert，confirm和prompt）

JavaScript三种弹出框（alert，confirm和prompt）用法举例

JavaScript三种弹出框（alert，confirm和prompt）相关推荐

最新文章

热门文章