js中三种弹窗的使用

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

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

当你点击确定的时候：

当你点击取消的时候：

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

转载：
作者：饥人谷_韩宝亿
链接：http://www.jianshu.com/p/168d5e283cd0

js中三种弹窗的使用相关推荐

JS中三种字符串连接方式及其性能比较
工作中经常会碰到要把2个或多个字符串连接成一个字符串的问题,在JS中处理这类问题一般有三种方法,这里将它们一一列出顺便也对它们的性能做个具体的比较. 第一种方法用连接符"+"把 ...
php中的js弹窗,浅谈javascript中的三种弹窗
js中三种弹窗 1)alert 弹出警告无返回值---------alert('第一行\n第二行'); 2)confirm()选择确定或取消,返回t或f----var result = confir ...
php js对话框,JavaScript_js弹出框、对话框、提示框、弹窗实现方法总结(推荐)，一、JS的三种最常见的对话框- phpStudy...
js弹出框.对话框.提示框.弹窗实现方法总结(推荐) 一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ==================== ...
html中的三种弹窗
一.js中的三种弹窗 ** alert() confirm() prompt ** alert() 警示对话框 – alert是js中的window对象的一种方法 – 只包含一个确认按钮 – 返回值类 ...
异步加载js的三种方法
js加载时间线 : 它是根据js出生的那一刻开始记录的一系列浏览器按照顺序做的事,形容的就是加载顺序,可以用来优化什么东西,理论基础,背下来. 1.创建Document对象,开始解析web页面.解析H ...
javascript-入门篇-使用js的三种方式
练习题: 弹出窗口,提示语句"hello js" <script>alert("hello js"); </script> javasc ...
Extjs中三种不同的数据提交方式
Extjs中三种不同的数据提交方式 Extjs的三种提交方式: 表单Ajax提交,普通提交,单独Ajax提交: 1.表单ajax提交(默认提交方式) 提交函数:当按下表单中的提交按钮时执行下面的btn ...
vue,js,html三种文件之间是怎样的关系？
vue,js,html三种文件之间是怎样的关系? 比如说,我创建一个js文件,vue实例是在js中创建,component组件也是在js中注册, 然后我去html中导入这个JS,这个时候我就可以在ht ...
(一)JQuery动态加载js的三种方法
Jquery动态加载js的三种方法如下: 第一种: $.getscript("test.js"); 例如: <script type="text/javascrip ...

js中三种弹窗的使用

js中三种弹窗的使用相关推荐

最新文章

热门文章