JS-bom

// BOM：Brower Object Model：浏览器对象模型

//window是全局对象
//（属性只识别var声明的,方法只识别字面量声明的）
/* let i = 10;
console.log(i); //10
console.log(window.i); //un

const k = 30;
console.log(k); //30
console.log(window.k); //un

var j = 20;
console.log(j); //20
console.log(window.j); //20 */

// function f70() {
// console.log(“F70”);
// }
// window.f70();
// let f71 = function() {
// console.log(“F71”);
// }

// let全局变量与var全局变量的区别
// let全局变量无法被window使用
// var全局变量可以被window使用

// 即var声明变量(非函数内部)为window的属性
/* delete window.i;
delete window.j;
delete window.k;

console.log( window.i,window.k,window.j);//un un 20 */

// window.f71();
// console.log(i);
// let i = 0;
// Cannot access ‘i’ before initialization

// console.log(i);
// let i;
// Cannot access ‘i’ before initialization

// console.log(i);
// i;
// i is not defined

// function f70() {
// console.log(i);//un
// i = 0;
// }
// f70()

// 只要打开一个浏览器，就会创建一个window对象
// window的属性和方法

/* // 不支持低版本IE浏览器(IE8)
// 浏览器离屏幕左侧的距离
console.log(window.screenX);
// 浏览器离屏幕顶部的距离
console.log(window.screenY);

// 不支持火狐浏览器
// 浏览器离屏幕左侧的距离
console.log(window.screenLeft);
// 浏览器离屏幕顶部的距离
console.log(window.screenTop); */

// 获取窗口的尺寸(width,height)
/* // inner获取的是视口尺寸
console.log(window.innerWidth);
console.log(window.innerHeight);
//outer获取的是整个浏览器的尺寸
console.log(window.outerWidth);
console.log(window.outerHeight);
*/

// 获取当前滚动条移动的距离
// console.log(水平滚动条移动${window.pageXOffset}px);
// console.log(垂直滚动条移动${window.pageYOffset}px);

// window的方法
// 警示框、提示框
// window.alert(“game over!”)

// 稳定性
/* let option = window.confirm(是否继续下一个);
if(option){
window.alert(“正在加载下一关”);
}else{
window.alert(“已退出！！”);
} */

// 输入框，返回值是用户的输入内容
/* let user = window.prompt(“请输入你的手机号：”)
let re=/¹[3-9][0-9]{9}$/;
let ruselt = user.match(re);
if(ruselt){
window.alert(“正在加载…”)
}else{
window.alert(“手机号输入错误！！！”)
} */

// 新打开一个页面
// window.open();

/*
//时间函数：在规定的时间执行你要执行的代码
setInterval(多个参数)
2个
第一个参数：函数名(需要执行的代码)
第二个参数：设定的时间(毫秒)

功能：根据设定的时间，执行函数
例:setInterval(f70, 1000);
每一秒钟调用一次f70函数

第三个参数及以后：为第一个参数中函数的实参

*/

/* let i = 5;

function f70() {
console.log(i–);
if (i == 0) {
//停掉时间函数
clearInterval(time1);
return;
}
}

let time1 = setInterval(f70, 1000);
// let time2 =setInterval(f70, 1000); */

/*
由于js是有多个时间函数的。
如果需要停止时间函数，需要告知停掉哪个时间函数。
因此在创建时间函数的时候，用比那里接收当前时间函数。

停止时间函数的书写格式：
clearInterval(接收时间函数返回值的变量);

例：
let time1=setInterval(f70, 1000);
clearInterval(time1);

*/

/*
功能：当达到设置时间后，执行相应的函数(只执行一次)
setInterval(f70, 3000);
参数1：执行的函数
参数2：时间
*/

/* // 时间函数第一个参数(函数)加小括号的书写方式
function f74(a, b) {
console.log(a + b);
}

setInterval(“f74(1,2)”, 1000); */

/* // [screen]
// 获取屏幕的尺寸(不包含任务栏)
// let pingmukuadu = screen.availWidth;
// let pingmugaodu = screen.availHeight;
// console.log(pingmukuadu,pingmugaodu); */

/* // [navigator]
// 获取浏览器版本号
console.log(navigator.appVersion);
// 获取浏览器名字
console.log(navigator.appName);
// 浏览器的语言(zh-CN简体中文)
console.log(navigator.language); */

/* // [location]
// 获取地址栏问号后的内容
let info = location.search;
console.log(info);

// 获取地址栏所有内容
let info2 = location.href;
console.log(info2);

// 获取端口号
let info3 = location.port;
console.log(info3); */

/* // replace()替换
// 当前页面显示新页面内容(公用一个窗口)
// 注：replace没有返回功能
function f70(){
location.replace("./index.html");
}

// assign()加载新页面
// 当前页面显示新页面内容(与原页面不公用一个窗口)
// 注：assign有返回功能
function f71(){
location.assign("./index.html");
} */

// [history]
// history.back() 返回上一页
// history.forward() 到下一页
// history.go(-1) 上一页
// history.go(0) 刷新
// history.g4(1) 下一页

---

1. 1 ↩︎