BOM

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 = /¹[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. 1 ↩︎