企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
[toc] #### 1. 常用属性 window对象是整个JavaScript脚本运行的顶层对象,它的常用属性如下: ``` document:返回该窗口内装载的HTML文档 location:返回该窗口装载的HTML文档的URL navigator:返回浏览当前页面的浏览器,包含了一系列的浏览器属性,包括名称,版本号和平台等 screen:返回当前浏览者屏幕对象 history:返回该浏览窗口的历史 ``` #### 2. 常用方法 ``` alert(), confirm(), prompt(): 弹出警告窗口,确认对话框,提示输入对话框 close(), open(): 关闭窗口,打开一个新窗口,加载新的URL moveBy(), moveTo(): 移动窗口 //chrome FireFox不兼容 resizeBy(), resizeTo(): 重设窗口大小 //IE不兼容 scrollBy(), scrollTo(): 滚动当前窗口的HTML文档 setInterval(), clearInterval(), setTimeout(): 设置,删除定时器 ``` 1. window.confirm 弹出确认框 ``` var btn = document.getElementById("btn"); btn.onclick = function(){ var value = window.confirm("确定?"); if(value){ window.location.href = "https://www.taobao.com"; }else{ window.location.href = "https://www.baidu.com" } } ``` 2. window.prompt 弹出输入框 ``` var value = window.prompt("输入年龄"); if(value>22){ alert("可以结婚了!"); } ``` 3. window.open("https://www.baidu.com"); window.close(); 4. 定时器`setInterval`要点: 1. 进入事件之后清除定时器 2. 在定时器中,loop的代码和到临界值清除定时器的代码,用if-else分割 ``` /*setInterval()实现打印数字后停止*/ var num = 0; var max = 3; var timer; timer = setInterval(function(){ if(num>max){ clearInterval(timer); }else { alert(num); num++; } }, 100) ``` 5. setTimeout()-->间隔一定时间执行函数,并且只执行一次 ``` var num = 0; var max = 3; var timer; function go(){ num++; alert(num); if(num>max){ clearTimeout(timer); }else { timer = setTimeout(go, 100); } } go(); ```