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

最新推荐文章于 2024-04-19 13:48:36 发布

web行路人

最新推荐文章于 2024-04-19 13:48:36 发布

阅读量659

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qishuixian/article/details/52126370

版权

javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

看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);

点击运行就会弹出：