javascript笔记整理（window对象）

浏览器对象模型 (BOM--Browser Object Model)，window对象是BOM中所有对象的核心

A、属性

1.(位置类型-获得浏览器的位置)

IE:
window.screenLeft    获得浏览器距屏幕左上角的左边距  
window.screenTop    获得浏览器距屏幕左上角的上边距

FF:  
screenX
screenY

2.获得浏览器的尺寸

window.innerWidth      获得窗口的宽度
window.innerHeight      获得窗口的高度

3.关系类型

frame框架下
window.parent    返回父窗口
window.top       返回最顶层的先辈窗口
self                  返回对当前窗口的引用。等价于 Window 属性

4.stutas  设置窗口状态栏的文本(不少浏览器已经关闭了脚本化它们的状态栏的功能,细节自己百度了)

B、方法

1.窗体控制

对窗体的移动

window.moveBy(x,y)--相对于当前位置沿着X\Y轴移动指定的像素，如负数是反方向
window.moveTo(x,y)--相对于浏览器的左上角沿着X\Y轴移动到指定的像素，如负数是反方向

窗体尺寸的改变

resizeBy(x,y)--相对于当前窗体的大小，调整宽度和高度
resizeTo(x,y)--把窗体调整为指定宽度和高度

2.对窗体滚动条的控制

scrollBy(x,y)--相对于当前滚动条的位置移动的像素(前提有滚动条)
scrollTo(x,y)--相对于当前窗口的高度或宽度，移动到指定的像素

3.时间间隔的函数

setInterval(a,b)--按照指定的周期（以毫秒计）来调用函数或计算表达式

clearInterval(t)--取消由 setInterval() 设置的 timeout   

setTimeout(a,b)--在指定的毫秒数后调用函数或计算表达式,只执行一次 

clearTimeout(t)--取消由 setTimeout() 方法设置的 timeout

//格式范例
setInterval('alert(1)',1000);
---------------------------
var a=0;
function chen(){
    alert(a);
    a++;
};
setInterval(chen,1000);
-----------------------
var a=0;
function chen(){
    alert(a);
    a++;
};
setInterval('chen()',1000);
----------------------
var a=0;
setInterval(function(){
    alert(a);
    a++;
},1000);

 

//滚动条自动滚动，点击页面停止
window.onload=function(){
    var t=setInterval(function(){
        window.scrollBy(0,100);
    },200);
    document.body.onclick=function(){
        clearInterval(t);
    }
}

 

 4.打开新的窗口

 window.open(URL,name,features,replace)--打开一个新的浏览器窗口或查找一个已命名的窗口

　　URL:一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档

　　name:一个可选的字符串，该字符串是一个由逗号分隔的特征列表，其中包括数字、字母和下划线，该字符声明了新窗口的名称

　　features:一个可选的字符串，声明了新窗口要显示的标准浏览器的特征。如果省略该参数，新窗口将具有所有标准特征

　　replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目

 

history对象(包含用户（在浏览器窗口中）访问过的 URL)

1.属性

length--返回浏览器历史列表中的 URL 数量

2.方法

back()--后退。加载 history 列表中的前一个 URL
forward()--前进。加载 history 列表中的下一个 URL
go(number)--如果参数是正数，那么就是前进相应的数目，如果是负数那么反之，如果是0那么就是刷新

 

location对象（对象包含有关当前 URL 的信息）

1.属性

href--设置或返回完整的 URL
search--设置或返回从问号 (?) 开始的 URL（查询部分）

2.方法

assign()--加载新的文档
reload(boolean)--重新加载当前文档, 当参数是true，任何时候都会重新加载，false的时候，只有在文档改变的时候才会加载，否则直接读取内存当中的。
replace()--用新的文档替换当前文档（没有历史记录）

 

screen对象（包含有关客户端显示屏幕的信息）

availHeight--返回显示屏幕的高度 (除 Windows 任务栏之外)。

availWidth--返回显示屏幕的宽度 (除 Windows 任务栏之外)。

height--返回显示屏幕的高度。

width--返回显示屏幕的宽度。