• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

JavaScript BOM操作

互联网 diligentman 2周前 (04-29) 6次浏览

BOM

概念:browser object model

常用对象

window窗口 浏览器的窗口
我们定义的全局变量都是window对象的属性和方法
JavaScript BOM操作
窗口body的宽度:window.innerWidth
窗口body的高度:window.innerHeigh
常用的方法:
Window.onload:窗口加载事件
JavaScript BOM操作
open:打开一个新的窗口。三个参数,第一个参数打开窗口的路径,第二个参数打开的方式,第三个参数对于新打开浏览器的描述(宽度 高度等)
close:关闭一个窗口
moveto:移动一个窗口,以窗口的左上角坐标为起点
focus:使窗口获得焦点
resizeto:改变窗口的大小

JavaScript BOM操作
screen:屏幕,也是window下面的一个对象,在使用的时候可以使用window.screen,也可以把window去掉。
屏幕常用的属性:宽 和 高(可用的高 不包括任务栏)
JavaScript BOM操作
协议://主机 : 端口/路径
JavaScript BOM操作
history:历史记录
记录当前窗口的历史,可以进行页面的转换
back:返回上一页
forward:进入下一页
go:确定进入到哪一页(-1回到上一页)
JavaScript BOM操作

弹窗

alert():警告提示框,也是window对象下的方法,window可以省略不写
prompt(“提示的信息”,“默认值”):信息提示输入框。当点击确定后才把值返回,否则返回的是空。
Confirm(“提示的信息”):确认框。点击确认返回true,点击取消返回false。
JavaScript BOM操作

定时器和延时器

setInterval(“函数”,“毫秒数”); //计时器,就是每隔多长时间就调用一次函数
(反复调用)
clearInterval(“计时器”) //停止一个计时器
JavaScript BOM操作
setTimeout(“函数名”,“毫秒数”); //延时器,就是隔了多长时间之后调用一次函数
(执行一次)
JavaScript BOM操作


程序员灯塔
转载请注明原文链接:JavaScript BOM操作
喜欢 (0)