任务背景
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协议的页面,补全代码


6107

被折叠的 条评论
为什么被折叠?



