window对象

1.window对象简介
在javascript中,一个浏览器窗口就是一个window对象,这个窗口里面的HTML文档就是一个document对象,document对象就是window对象的子对象

子对象说明
document文档对象,用于操作页面元素
location地址对象,用于操作URL地址
navigator浏览器对象,用于获取浏览版本信息
history历史对象,用于操作浏览历史
screen屏幕对象,用于操作屏幕宽度高度

window对象常用方法

方法说明
alert提示对话框
confirm判断对话框
prompt输入对话框
open()打开窗口
close()关闭窗口
setTimeout()开启一次性定时器
clearTimeout()关闭一次性定时器
setInterval开启重复性定时器
clearInterval关闭重复性定时器

2.窗口操作
常见的窗口操作:打开窗口和关闭窗口
1.打开窗口:
语法:window.open(url,target)
url指的是新窗口的地址,若url为空,表示打开一个空白窗口,
target表示打开方式,常用取值有两个分别是_blank(表示在新窗口打开)和_self(表示在当前窗口打开)
2.关闭窗口:
语法:window.close()没有参数
在这里插入图片描述
3.对话框
对话框有三种:alert().confirm() prompt()
(1)alert()一般仅用于提示文字,实现文本换行用的是“\n”
语法:alert(“提示文字”)
(2)confirm()不仅提示文字,还提供确认
语法:confirm(“提示文字”)
若用户点击确认,返回true,点击取消,返回false
(3)prompt()不仅显示文字,还返回一个字符串
语法:prompt(“提示文字”)
4.定时器
例如:轮播图 在线时钟
有俩种方法:

  • setTimeout()和clearTimeout()
  • setInveral和clearInveral
    (1)setTimeout()和clearTimeout()
    我们可以使用setTimeout()方法一次性的调用函数,并且可以使用clearTimeout()来取消执行setTimeout()
    语法:setTimeout(code,time)
    参数code可以是一段代码,可以是一个函数,也可以是一个函数名
    参数time是时间,单位是毫秒,表示要过多少时间才能执行code中的代码
    例:code是一段代码在这里插入图片描述
    code是一段函数
    在这里插入图片描述
    code是一个函数名
    在这里插入图片描述
    setTimeout(alertMes,2000)(常用)
    与setTimeout(“alertMes()”,2000)等价的
    clearTimeout()

在这里插入图片描述
(2)setInveral()和clearInveral()
`我们可以使用setInveral()来重复性的调用函数,使用clearInveral()来取消执行setInveral()
语法:setInveral(code,time)
倒计时效果:
在这里插入图片描述
5.location对象
(1)window.location.href获取或设置当前页面的地址
语法:window.location.href可以简写location.href
例:在这里插入图片描述
(2)window.location.search获取或设置当前页面“?”后面的内容
语法:window.location.search一般用于数据库查询
(3)window.location.hash获取或设置当前页面地址#后面的内容,#一般用于锚点链接
6.navigator对象获取浏览器的类型
语法:window.navigator.userAgent

  • 6
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值