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 对象包含浏览器的历史。