作者：eric_sun2012 | 来源：互联网 | 2023-06-11 10:09
看Javascript面向对象编程指南电子书笔记之alert&＃xff0c;prompt&＃xff0c;confirm用法总结
1.alert() 方法
我们都知道alert() 方法主要用于显示带有一条提醒消息或者是一个 OK 按钮的警告框。
在firebug控制台中输入&＃xff1a;alert(&＃39;恭喜你!&＃39;);点击运行&＃xff0c;就会弹出以下图片所示&＃xff1a;
&＃xff1a;
2.prompt&＃xff08;&＃xff09;方法
prompt()方法&＃xff0c;它为用户提供了一定的文本输入功能。用户可以在弹出款中输入文本信息。
用法&＃xff1a;
prompt&＃xff08;text&＃xff0c;text1&＃xff09;其中括号里面的两个值都是可选的。其中text是表示弹出框的title信息&＃xff0c;而text1表示文本输入框的默认信息&＃xff0c;如果text1为空&＃xff0c;则默认为空。
在浏览器中运行以下的代码&＃xff0c;点击prompt用法 就会弹出&＃xff1a;
我们在文本框里顺便输入一些信息;如&＃xff1a;111111111。
浏览器中就会显示&＃xff1a;Hello111111111!
text1不为空时&＃xff1a;
代码&＃xff1a;
如果我们直接按取消&＃xff0c;对话弹出框就会返回null&＃xff0c;同样如果我们没有输入任何值&＃xff0c;就点击确定按钮的话&＃xff0c;也好返回null。
3.confirm&＃xff08;&＃xff09;方法
confirm()方法,它可以为用户提供了两个选项-确定和取消。
在firebug的控制台中输入&＃xff1a;
var answer &＃61; confirm(&＃39;hello&＃39;);
console.log(answer);
点击运行就会弹出&＃xff1a;
当我们点击确定时&＃xff0c;浏览器就会返回true&＃xff0c;点击取消时&＃xff0c;浏览器就会返回false。如下图&＃xff1a;
alert&＃xff0c;confirm&＃xff0c;prompt这三者之间的相同点&＃xff1a;1.都可以弹出一个弹出框。给以用户提示。
不同点&＃xff1a;1.使用alert方法的弹出框&＃xff0c;只有一个确定按钮&＃xff0c;同时点击确定按钮&＃xff0c;返回给浏览器的是undefined。
2.使用confirm方法的弹出框&＃xff0c;有确定和取消按钮&＃xff0c;点击确定时&＃xff0c;返回给浏览器的是true&＃xff0c;点击取消按钮时&＃xff0c; 则返回false。
3.使用prompt方法的弹出框&＃xff0c;有确定和取消按钮&＃xff0c;点击确定时&＃xff0c;返回给浏览器的是输入文本的内容&＃xff0c;点击取消时则返回null。
Javascript面向对象编程指南电子书下载地址&＃xff1a;http://www.Javascriptcn.com/read-36.html
京公网安备 11010802041100号