window(但是只能识别var声明;方法只能识别字面量)
只要打开浏览器就会创建一个window对象
let全局变量与var全局变量的区别:
let全局变量无法被window使用
var全局变量可以被window使用
即var声明变量(非函数内部)为window的属性
但是var声明的属性window删除不了
let i = 10;
console.log(i);//10
console.log(window.i);//un
var j = 20;
console.log(j);//20
console.log(window.j);//20
const k = 30;
console.log(k);//30
console.log(window.k);//un
delete window.i;
delete window.j;
delete window.k;
console.log(window.i, window.j, window.k);//un, 20, un
window的属性:
-获取浏览器离电脑屏幕的距离
window.screenX
/window.screenY
和window.screenLeft
/window.screenTop
功能一样,低版本IE浏览器不支持screenX,火狐不支持screenLeft
-获取视口的尺寸:
window.innerWidth
/window.innerHeight
和window.outerWidth
/window.outerHeight
inner获取的是视口的尺寸,outer获取的是浏览器的尺寸
-获取滚动条移动的距离
垂直滚动条:window.pageYOffset
水平滚动条:window.pageXOffset
window的方法:
-提示框/选择框:window.alert("game over");
-选择框:window.confirm("是否继续")
返回Boolean值
-输入框:window.prompt("请输入您的手机号");
【screen】获取屏幕显示器的宽高
screen.availWidth
/screen.availHeight
【navigator】
-浏览器版本号:navigator.appVersion
-浏览器名字:navigator.appName
-浏览器语言:navigator.language
【location】
-获取地址栏问号后面的内容:location.search
-获取地址栏所有内容:location.href
-获取端口号:location.port
-替换:replace()
和assign()
replace:这个方法是替换当前窗口页面,前后两个页面共用一个窗口,所以是没有后退返回上一页的
assign: 相当于一个链接,跳转到指定的页面,当前页面会转为新页面内容,可以点击后退返回上一个页面。
【history】
-返回上一页:history.go(-1)
/history.back()
-下一页:history.go(1)
/history.forward()