javascript之BOM中常用的方法和屬性
阿新 • • 發佈:2019-02-20
方法:
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);