javascript之BOM中常用的方法和属性

方法:

resizeTo():将浏览器调整到制定的大小

    window.resizeTo(300,300);

resizeBy():将浏览器在当前大小的情况下调整制定的高度和宽度

    window.resizeBy(-100,-100);

moveTo():将浏览器调整到制定的坐标

    moveTo(-200,-200);

moveBy():将浏览器的位置在当前位置基础上调整制定的长度

moveBy(100,0);

setInterval():循環執行方法

    setInterval(function(){ document.write('
');},1000);

clearInterval():终止循环的办法

    clearInterval(循环变量);

setTimeout():定時執行方法

    setTimeout(function(){ console.log('到点了,该吃药了!');},10000);

clearTimeout():终止定时执行

    clearTimeout(定时变量);

scrollTo() :将滚动条移动到制定的位置

    window.scrollTo(0,1500);

scrollBy() :将滚动条在当前位置基础上移动制定长度

    setInterval(function(){
        scrollBy(0,1);
       },50);

open():打开一个新页面

window.open('2.html','_blank','height=300,width=300,left=300,top=300,location=no,resizable=no');

close() :关闭也一个打开的页面:

    setTimeout(function(){
        window.close();
       },5000);

focus():获取焦点方法

    setTimeout(function(){
        //3秒后页面获取焦点
        window.focus();
       },3000);

blur():失去焦点方法

setTimeout(function(){
    //3秒后页面失去焦点
    //window.blur();
   },3000);

属性:

innerWidth:表示页面视窗的宽度(白色区域)

alert(innerWidth+'---'+innerHeight);

innerHeight:表示页面视窗的高度(白色区域)

alert(innerWidth+'---'+innerHeight);

history子对象
history 浏览器历史记录对象

"setTimeout(function(){
    history.go(1);
   },5000)"

length:表示当前页面的浏览历史个数

document.write(history.length);

forward(): 打开历史记录前第N个页面

history.forward(1)

back():打开历史记录后第N个页面

history.back(2)

go() 打开当前页面的前后N各页面

history.go(1);