window 对象
window对象为全局对象,全局变量和方法都是作为属性绑定到window上,window对象表示浏览器实例
窗口关系
top对象始终指向最上层窗口,即浏览器窗口本身
parent对象指向当前窗口的父窗口,如果当前窗口是最上层窗口,top对象等于parent对象,都是window
如果最上层窗口不是通过window.open打开的,name属性则为空
self对象始终指向window
窗口位置及像素比
window.screenLeft,window.screenTop标识浏览器窗口相对屏幕左侧及顶部距离,如果屏幕有副屏,则是相对于主屏幕的位置
window.moveTo(x,y) 移动窗口到指定坐标
window.moveBy(x,y) 相对当前位置移动窗口
window.devicePixeRatio ,表示物理像素与逻辑像素之间的缩放系数, 像素比是为了在不同像素密度屏幕上保持显示一致,转换的逻辑分辨率,与DPI(每英寸像素数)对应 窗口大小
window.innerWidth,window.innerHeight 返回浏览器窗口的视口宽高,不包括浏览器边框及工具栏
document.documentElement.clientWidth和document.documentElement.clientHeight返回页面视口的宽高
导航与打开新窗口
window.open(url,name,str)
第一个参数为要打开的url地址
第二个参数为新窗口的名称,如果已经存在名字相同的窗口,则不会重新打开窗口;名字也可以是_self,_parent,_top,_blank关键字,self在当前页面打开
第三个参数为属性字符串,如:'height=400,width=400,top=10,left=10,resizable=yes' 默认带有全部属性,字符串为键值对,逗号分割
设置 值 备注
fullscreen "yes"或"no" 表示新窗口是否最大化。仅限 IE 支持
height 数值 新窗口高度。这个值不能小于 100
left 数值 新窗口的 x 轴坐标。这个值不能是负值
location yes"或"no" 表示是否显示地址栏。不同浏览器的默认值也不一样。在设置为"no"时,地址栏可能隐藏或禁用(取决于浏览器)
menubar yes"或"no" 表示是否显示菜单栏。默认为"no"
resiable yes"或"no" 表示是否可以拖动改变新窗口大小。默认为"no"
scrollbars yes"或"no" 表示是否可以在内容过长时滚动。默认为"no"
status yes"或"no" 表示是否显示状态栏。不同浏览器的默认值也不一样
toolbar yes"或"no" 表示是否显示工具栏。默认为"no"
top 数值 新窗口的 y 轴坐标。这个值不能是负值
width 数值 新窗口的宽度。这个值不能小于 100
window.open 会返回一个新窗口的引用,跟window对象一样,可以调用window的方法,该对象有opener属性,指向打开它的窗口,根据返回对象是否为null,可以判断弹窗是否被屏蔽
定时器
setTimeout(func,delay)
setInterval(func,delay
代码执行到定时器时,在指定延时后将任务添加到任务队列,如果任务队列为空,则立即执行,否则等待前面任务执行完成后执行 setTimeout与setInterval都会返回一个ID,可以用这个ID清楚定时器
发表评论 取消回复