js window对象

Posted 2022-09-30

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