javascript学习笔记整理（window对象）

Posted 2020-06-13

浏览器对象模型 (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 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目