1. 程式人生 > >javascript之BOM中常用的方法和屬性

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('<HR />'
);},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);