1、Window:
每打开一个页面就会创建一个window对象（全局对象）
所有全局变量都是window的属性（只适用于var声明的变量）
所有全局函数都是window的方法(只适用于字面量声明的函数)
`let i = 999;`
`console.log(i);`
`var j = 1;`
`console.log(window.j);`
`var f69 = function f68(){`
console.log("hello");
`}`
`window.f69();`
<u>可以删除window.属性 创建的内容</u>
<u>无法删除var 声明的全局变量</u>
`var i = 0;`
`delete window.i;`
`console.log(window.i);`
`window.j = "hello";`
`delete window.j;`
`console.log(window.j);`
## window的属性:
### 距离屏幕的尺寸
window.screenX/y：不支持低版本（IE8）
console.log("浏览器距离屏幕x轴的尺寸",window.screenX);
console.log("浏览器距离屏幕y轴的尺寸",window.screenY);
兼容性问题，不支持FireFox（火狐）
console.log("浏览器距离屏幕左侧的尺寸",window.screenLeft);
console.log("浏览器距离屏幕顶部的尺寸",window.screenTop);
### 获取浏览器的宽高
inner不包括(检查器、滚动条、地址栏等）即视口
console.log("浏览器inner的宽度",window.innerWidth);
console.log("浏览器inner的高度",window.innerHeight);
outer会包括(检查器、滚动条、地址栏等）
console.log("浏览器outer的宽度",window.outerWidth);
console.log("浏览器outer的高度",window.outerHeight);
### 获取滚动条的偏移量
console.log("滚动条y轴的偏移量",window.pageYOffset);
console.log("滚动条x轴的偏移量",window.pageXOffset);
## window的方法:
### .alert警示框
let info = window.alert("奥利给！");
console.log(info); //un
### .confirm确认框
let info = window.confirm("是否继续通关！");
console.log(info); //确定是true，否是false
if(info){
window.alert("下一关，加载中。。。");
}else{
window.alert("游戏结束！");
}
### .prompt文本输入框
let inputinfo = window.prompt("请输入您的手机号：");
console.log(typeof inputinfo,inputinfo);
`输入正确的手机号:`
`let inputinfo = window.prompt("请输入您的手机号：");`
`// let re=/^1[3-9][0-9]{9}$/;`
`// let result =re.test(inputinfo);`
`if(/^[1][3-9][0-9]{9}$/.test(inputinfo)){`
`window.alert("输入正确！");`
`}else{`
`window.alert("输入错误！");`
`}`
### 把输入的内容在页面上显示:
// document.write(inputinfo);
### 时间函数setInterval [重要]
功能：在设定的时间，重复执行代码块
书写格式：setInterval(函数名,调用时间); 注：调用时间单位为毫秒
//在时间函数里添加实参
//方式1：setInterval('函数名(实参1，实参2)',1000);
//方式2：setInterval(函数名, 1000,实参1，实参2);
let timer = setInterval('f68(5)', 1000); //返回创建的时间函数
let timer = setInterval(f68, 1000,5);
let i = 5;
function f68(a) {
if (i > 0) {
console.log(a + i--);
} else {
console.log("success");
//终止时间函数：格式 clearInterval(时间函数名);
clearInterval(timer);
}
}
### 倒计时（超时函数）setTimeout
function f69() {
window.alert("您已经超时了");
}
setTimeout(f69,3000);
### 打开一个新的页面.open()
/**
* 参1：目标页面地址
* 参2：打开方式(_blank,_self)
* 参3：设置新窗口尺寸
* 参4：是否替换当前的历史记录，（true）
*/
window.open("./text.html","_blank","width=300,height=300","true");
## 2、navigator 获取浏览器的信息
// console.log("浏览器的名字:",navigator.appName);
// console.log("浏览器的版本:",navigator.appVersion);
// console.log("浏览器的语言:",navigator.language);
## 3、location 获取用户提交信息
location（表单事件获取用户提交信息）
// console.log("获取？以后的内容：",location.search);
// console.log("获取端口号：",location.port);
// console.log("获取地址栏内容：",location.href);
### replace();
// location.replace("./text.html"); //没有返回功能,替换成一个新的页面
### assign();
// location.assign("./text.html"); //有返回功能
## 4、history：历史记录
history.go(数值);
* 数值为负值，就是之前的页面。 例如：-1就是前1个页面，-2就是前2个页面，以此类推
* 数值为0就是当前页面，即刷新
* 数值为正值，就是之后的页面（点击之后的页面，即在历史记录）。 例如：1就是后1个页面，2就是后2个页面，以此类推
## 5、screen
// console.log("获取屏幕宽度：",screen.availWidth);
// console.log("获取屏幕高度：",screen.availHeight);
// 6、document（很多技术点，DOM）
## 6、document（很多技术点，DOM讲解）