看JavaScript面向对象编程指南电子书笔记之-alert,prompt,confirm用法总结

                                        看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>
 
 
如果我们直接按取消,对话弹出框就会返回null,同样如果我们没有输入任何值,就点击确定按钮的话,也好返回null。

3.confirm()方法
confirm()方法,它可以为用户提供了两个选项-确定和取消。
在firebug的控制台中输入:
var answer = confirm('hello');
console.log(answer);
点击运行就会弹出:


当我们点击确定时,浏览器就会返回true,点击取消时,浏览器就会返回false。如下图:

alert,confirm,prompt这三者之间的相同点 1.都可以弹出一个弹出框。给以用户提示。
不同点:1.使用alert方法的弹出框,只有一个确定按钮,同时点击确定按钮,返回给浏览器的是 undefined。
               2.使用confirm方法的弹出框,有确定和取消按钮,点击确定时,返回给浏览器的是true,点击取消按钮时,                则返回false。
               3.使用prompt方法的弹出框,有确定和取消按钮,点击确定时,返回给浏览器的是输入文本的内容,点击取消时则返回null。

JavaScript面向对象编程指南电子书下载地址:http://www.javascriptcn.com/read-36.html


      
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值