JavaScript Window - 瀏覽器對象模型
1:彈窗
在javascript中可以創建三種彈框:警告框,確認框,提示框:
1>警告框: window.alert(); 也可以直接寫成alert();
2>確認框:window.confirm();直接使用confirm(),
確認框通常用於驗證是否接受用戶操作。
當確認卡彈出時,用戶可以點擊 "確認" 或者 "取消" 來確定用戶操作。
當你點擊 "確認", 確認框返回 true, 如果點擊 "取消", 確認框返回 false。
語法
3>提示框:window.prompt(),也可寫成prompt()
2:JavaScript計時事件
1>setInterval() - 間隔指定的毫秒數不停地執行指定的代碼,循環執行
語法:window.setInterval(函數,間隔毫秒數);
clearInterval() 方法用於停止 setInterval() 方法執行的函數代碼
例1:
setInterval(function () {
console.log(1);
}, 1000);//每隔1秒顯示1
也可以寫成這樣的形式
function showlog(){
console.log(1);
}
setInterval("showlog()",1000);
清楚計時器
var count = 0;
var timer = setInterval(function () {
count++;
console.log(count);
if (count >= 10) {
console.log(timer);
clearInterval(timer);//關閉計時器
}
}, 1000);
2>setTimeout() - 暫停指定的毫秒數後執行指定的代碼,一次執行
語法:window.setTimeout(函數,多少秒後執行);
for(var i=0;i<10;i++)
{
setTimeout(function (){
console.log(i);
},0)
}
console.log(i);//10
函數的遞歸,改裝循環計時器
var count = 0;
var timer=null;
showtime();
function showtime() {
count++;
console.log(count);
if(count>=10)
{
clearTimeout(timer);
return;
}
timer=setTimeout("showtime()", 1000);
}
3.window.location 對象用於獲得當前頁面的地址 (URL),並把瀏覽器重定向到新的頁面。
這種方法既可以用於具有onclick事件的標籤,也可以用於滿足某些條件進行跳轉,特點是方便且靈活。
4window.history 對象包含瀏覽器的歷史。