2021-09-09 C1任务-37:BOMwindow对象

任务背景

BOM即浏览器对象模型(BrowserObjectModel),它提供了页面与浏览器窗口进行交互的对象接口。BOM由一系列的相关对象组成,window作为BOM的顶层对象,所有其他全局对象都是window的子对象,甚至DOM也是其子对象之一。学会了window对象及其子对象的常用属性方法,基本就掌握了BOM的大部分知识。

任务目标

熟悉BOM结构
掌握window对象及其常用方法属性
掌握window的子对象常用属性和方法

任务训练

BOM结构
请添加图片描述

window对象作为BOM的顶级对象,本身包含一些全局属性和方法,其子对象也有其特有的属性和方法
使用window子对象时,可以使用完整语法,也可以忽略window,如:window.alert()与alert()效果相同

.window对象
请添加图片描述

一、open(url,name,features,replace)
1.url:打开指定页面的url,如果没有则打开空白页
2.name:指定target属性或窗口名称,支持以下值:
_blank–url加载到新窗口(默认)
_parent–url加载到父框架_self–url替换当前页面
_top–url替换任何可加载的框架集
name窗口名称
3.features:设置新打开窗口的功能样式(如:width=500)
4.replace:true–url替换浏览历史中的当前条目false–在浏览历史中创建新条目
请添加图片描述

scrollTo(xpos,ypos)

xpos:距离网页左上角x坐标
ypos:距离网页左上角y坐标
请添加图片描述
ocation对象
location对象包含当前url信息,经常用于网址判断,url跳转
请添加图片描述

获取网址信息
请添加图片描述

通过给href属性赋值url字符串的方式,可以跳转到对应url
请添加图片描述
history对象
history对象包含用户浏览器的历史记录,但是不可读取,经常用于页面跳转
请添加图片描述

navigator对象
navigator对象包含浏览器相关信息,经常用于判断设备类型,浏览器兼容性
请添加图片描述

判断是否为谷歌内核
请添加图片描述

screen对象

screen对象包含用户屏幕的信息

请添加图片描述
练习题

1.补全代码,完成点击按钮返回顶部的功能
请添加图片描述
2.判断当前网页是否为http协议,如果是,则在当前页面跳转到https协议的页面,补全代码
请添加图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逻辑鬼才灰太狼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值