JSWindow对象三板斧

一、概述

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
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值