BOM Browser Object Model 浏览器对象模型 DOM Document Object Model 文档对象模型 window 只要打开浏览器，就会创建一个window对象 window是一个全局对象，（属性只识别var声明的） let全局变量和var全局变量的区别 let 全局变量是无法被window使用 delete可以删除 var全局变量可以被window使用 delete不可以删除 即var声明变量（非函数内部）为window的属性 window的属性和方法 window.screenX 和window.screenY （screenX浏览器左侧距离，screenY 浏览器顶部距离） 不支持低版本IE浏览器（IE8） 浏览器距离左侧的距离 console.log(window.screenX); 浏览器距离顶部的距离 console.log(window.screenY); 不支持火狐浏览器 console.log(window.screenLeft); console.log(window.screenTop); 获取视口的尺寸（width height) uter获取的是浏览器的尺寸 console.log(window.outerWidth); console.log(window.outerHeight); inner是视口的尺寸 console.log(window.innerWidth); console.log(window.innerHeight);
获取滚动条移动的距离
console.log(水平滚动条移动${window.pageXOffset}px); console.log(垂直滚动条移动${window.pageYOffset}px);
警示框/提示框 .alert window.alert(“结束”);
确定框.confirm
let option=window.confirm(是否继续下一关); if(option){ console.log(option) window.alert(正在加载下一关！); }else{ window.alert(游戏结束); }
输入框 .prompt
判断用户输入是否正则 let str = window.prompt(请输入您的手机号); let rs = /1[3-9][0-9]{9}$/; let inputnum = rs.test(str) if (inputnum) { window.alert(输入号码正确) } else { window.alert(输入号码错误) } 时间函数 seInterval //时间函数 setInterval 注：时间函数的第一个参数如果非要加小括号，需要加引号 /**setInterval(多个参数)
2个第一个参数：函数名（需要执行的代码）第二个参数：设定的时间（毫秒）功能：根据设定的时间执行函数例如：setInterval(num, 1000)每一秒钟调用一次num第三个参数及第三个以后为第一个参数的实参由于JS中有多个时间参数，如果需要停掉时间函数，需告知停掉那个时间函数。因此在创建时间函数时，用变量接收当前的时间参数。停止时间函数的书写格式：clearInterval（接收时间函数返回值的变量）例如： clearInterval(over);/ 代码 // let i = 5; // function num() { // // if(i>0){ // // console.log(i–); // // } // console.log(i–); // if (i == 0) { // clearInterval(over); // } // } // let over = setInterval(num, 1000); seTimeout (只执行一次时间函数） /setTimeout /*
功能：当达到设置时间后，执行相应的函数，（只执行一次）setTimeout(atm,3000);参数1：执行函数参数2：时间 */ // console.log(请稍后！！); // function atm(){ // console.log(成功！！); // } // setTimeout(atm,3000);screen 获取屏幕的尺寸 //【screen】 //获取屏幕的尺寸，（不包含任务栏） // let pmkuandu=screen.availWidth; // let pmgaodu=screen.availHeight; // console.log(pmkuandu,pmgaodu);
navigator.appVersion获取浏览器版本号，navigator.appName:获取浏览器名字，navigator.language 浏览器的语言 /【navigator】 //获取浏览器版本号 console.log(navigator.appVersion); //获取浏览器名字 console.log(navigator.appName); //浏览器的语言 (zh-CN简体中文) console.log(navigator.language); location /
1 ↩︎
