看JavaScript面向对象编程指南电子书笔记之alert,prompt,confirm用法总结
1.alert() 方法
我们都知道alert() 方法主要用于显示带有一条提醒消息或者是一个 OK 按钮的警告框。
在firebug控制台中输入:alert('恭喜你!');点击运行,就会弹出以下图片所示:
:
2.prompt()方法
prompt()方法,它为用户提供了一定的文本输入功能。用户可以在弹出款中输入文本信息。
用法:
prompt(text,text1)其中括号里面的两个值都是可选的。其中text是表示弹出框的title信息,而text1表示文本输入框的默认信息,如果text1为空,则默认为空。
在浏览器中运行以下的代码,点击prompt用法 就会弹出:
我们在文本框里顺便输入一些信息;如:111111111。
浏览器中就会显示:Hello111111111!
<div style="text-align: left;"><!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<head>
<script type="text/javascript">
function disPrompt()
{
var name=prompt("我们将会输入你输入的信息")
if (name!=null && name!="")
{
document.write("Hello " + name + "!")
}
}
</script>
</head>
<body>
<button οnclick="disPrompt()">
prompt用法
</button>
</html>
</div>
text1不为空时:
代码:
<pre name="code" class="html"><!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<head>
<script type="text/javascript">
function disPrompt()
{
var name=prompt("我们将会输入你输入的信息","111111");
if (name!=null && name!="")
{
document.write("Hello " + name + "!")
}
}
</script>
</head>
<body>
<button οnclick="disPrompt()">
prompt用法
</button>
</html>
3.confirm()方法
confirm()方法,它可以为用户提供了两个选项-确定和取消。
在firebug的控制台中输入:
var answer = confirm('hello');
console.log(answer);
console.log(answer);
点击运行就会弹出:
当我们点击确定时,浏览器就会返回true,点击取消时,浏览器就会返回false。如下图:
alert,confirm,prompt这三者之间的相同点:
1.都可以弹出一个弹出框。给以用户提示。
不同点:1.使用alert方法的弹出框,只有一个确定按钮,同时点击确定按钮,返回给浏览器的是
undefined。
2.使用confirm方法的弹出框,有确定和取消按钮,点击确定时,返回给浏览器的是true,点击取消按钮时, 则返回false。
3.使用prompt方法的弹出框,有确定和取消按钮,点击确定时,返回给浏览器的是输入文本的内容,点击取消时则返回null。