007.JavaScript-BOM窗口对象三板斧

概述

Window对象表示浏览器中打开的窗口。

如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

浏览器实现的前进后退功能、打开关闭新标签功能，均是在window对象的基础上实现的，而在前端开发中还是利用window对象开发各式各样的验证提示对话框。

Window对象三方法实现不同功能的窗口交互

1、alert(message)

这是一个经常用到一个弹窗方法，引用方法并传入需要输出的字符，变量，就会以字符型消息窗口的形式输出传入内容。

message 表示要在window上弹出的对话框中显示的纯文本（而非HTML文本）

实例

<html>
<head>

<script type="text/javascript">

  alert("我是一个可爱的小弹窗");	<!-- alert()弹出一段文字 -->

</script>

</head>
<body>
</body>
</html>

2、confirm(message)

相比单纯alert()弹窗，confirm()提供了带布尔值的确认(true)or取消(false) 按钮。

实例

<html>
<head>
<script type="text/javascript">

var r=confirm("请按下按钮");
if (r==true)	<!-- 确定true -->
  {
  alert("你按下了->确定");
  }
else			<!-- 取消false -->
  {
  alert("你按下了->取消");
  }

</script>
</head>
<body>
</body>
</html>

3、prompt(text,defaultText)

上面两种弹窗方法都没有提供输入功能，只是单纯的弹出消息。而这个 prompt() 方法便提供了可供用户输入的对话框。
按确定，就会提交用户当前输入的内容，按取消，则返回null。

text 可选，这个参数可以定义对话框的纯文本提示内容
defaultText 可选，这个参数可以定义对话框中输入框的默认值。

实例

<html>
<head>
<script type="text/javascript">

  var name=prompt("请输入你的名字","小明啊")
  if (name!=null && name!="")
    {
    document.write("Hello " + name + "!")
    }
  
</script>
</head>
<body>
</body>
</html>

以上三种常用对话框方法，在真正的生产环境中，可以使用代码调节实现更多应用，使窗口更加美观。

声明：以上内容如有错漏，敬请联系指正，转载请注明出处。