javascript浏览器对象模型-window对象
BOM Browser Object Model
window对象 是BOM中所有对象的核心。
一、属性
1.(位置类型-获得浏览器的位置)
IE:
window.screenLeft
可以获得浏览器距屏幕左上角的左边距
window.screenTop (不包含工具栏)
可以获得浏览器距屏幕左上角的上边距
FF:
alert(screenX)
alert(screenY)(包含工具栏)
(获得浏览器的尺寸)
FF:window.innerWidth 获得窗口的宽度
window.innerHeight 获得窗口的高度
// 兼容IE FF的方法;
/**
获取浏览器的左边距和上边距
screenXY:返回的是一个数组 数组的第一个值是左边距 第二个值是上边距
*/
function screenXY(){
var ies=[screenLeft,screenTop];
var ffs=[screenX,screenY];
return screenLeft?ies:ffs;
}
二、方法
1.窗体控制
A.对窗体的移动
window.moveBy(x,y) 相对于当前位置沿着X\Y轴移动指定的像素,如负数是反方向
moveTo(x,y) 相对于浏览器的左上角沿着X\Y轴移动到指定的像素,如负数是反 方 向
B.窗体尺寸的改变
resizeBy(x,y) 相对于当前窗体的大小,调整宽度和高度
resizeTo(x,y) 把窗体调整为指定宽度和高度
2.对窗体滚动条的控制
scrollBy(x,y) 相对于当前滚动条的位置移动的像素(前提有滚动条)
scrollTo(x,y) 相对于当前窗口的高度或宽度,移动到指定的像素
3.时间间隔的函数
interval:间隔;
setInterval("函数或者代码串",指定的时间(毫秒)) 按照指定的周期(毫秒)不断的执行函 数或是代码串
clearInterval()
setTimeout("函数或者代码串",指定的时间(毫秒)) 在指定的毫秒数后只执行一次函数或代码。
clearTimeout()
4.打开新的窗口
/**
open()
url :要发开网页的地址
name:给这个网页取个名字
feafurse:网页状态
status=0/1/yes/no:是否显示状态栏
menubar=0/1/yes/no:是否显示菜单栏
toolbar=0/1/yes/no:是否显示工具栏
*/
open(url,name,feafurse) 通过脚本打开新的窗口