JSWindow对象三板斧

最新推荐文章于 2021-07-15 08:02:33 发布

司南道长

最新推荐文章于 2021-07-15 08:02:33 发布

阅读量216

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_41890503/article/details/90614446

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、概述

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>

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

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

作者更多靠谱、易懂、可复现的技术文章在公众号 FaithSinan，
欢迎扫码关注，一起学习交流，获取第一时间更新。
在这里插入图片描述

司南道长

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSWindow对象三板斧

一、概述Window对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。浏览器实现的前进后退功能、打开关闭新标签功能，均是在window对象的基础上实现的，而在前端开发中还是利用window对象开发各式各样的验证提示对话框。二、window对象三方法实现不...
复制链接

扫一扫

专栏目录