【web前端初级课程】第六章 BOM编程的五大对象

系列文章传送门：

【wed前端初级课程】第一章 什么是HTML

【web前端初级课程】第二章 CSS层叠样式表

【web前端初级课程】第三章 CSS的特殊样式

【web前端初级课程】第四章 什么是JavaScript

【web前端初级课程】第五章 常用的内置模块

【web前端初级课程】第六章 BOM编程的五大对象

【web前端初级课程】第七章 你所不知道的DOM编程

【web前端初级课程】第八章 什么是事件？

文章目录：

一、window对象

二、screen对象

三、history对象

四、navigator对象

五、location对象

一、window对象

BOM就是browser Object model 浏览器对象模型

其实一直来使用的parseint，pasefloat，document他都是window对象的属性和方法。之所以可以不调用window就能访问这些属性和方法是因为浏览器他使用了类似with的方式

（一）当前页面的宽高 (不包括菜单栏、工具栏以及滚动条等的高度)

console.log(window.innerHeight);

console.log(window.innerWidth);

（二）当前浏览器的宽高

console.log(window.outerHeight);

console.log(window.outerWidth);

（三）打开网址

window.open("https://www.baidu.com","_black","fullscreen=yes menubar=yes"

（四）前往某个坐标：window.scrollTo(0,2000)

（五）关闭窗口：window.close( )

二、screen对象

（一）当前屏幕的可用宽高

console.log(screen.availHeight)

console.log(screen.availWidth)

（二）屏幕分辨率

console.log(screen.width)

console.log(screen.height)

三、history对象

1、向前跳转：history.forward()

2、向后跳转：history.back()

3、根据数据跳转：history.go(-1)

四、navigator对象

1、浏览器代码名称：console.log(navigator.appCodeName)

2、浏览器名称： console.log(navigator.appName)

3、浏览器版本信息 ：console.log(navigator.appVersion)

4、客户端向服务器发送的header信息：console.log(navigator.userAgent)

5、操作系统信息：console.log(navigator.platform)

五、location对象

1、打印主机名称：console.log(location.hostname)

2、打印端口号：console.log(location.port)

3、打印hostname+port： console.log(location.host)

4、打印当前协议： console.log(location.protocol)

5、打印当前页面在服务器上的路径 ： console.log(location.pathname)

6、打印url： console.log(location.href)

7、earch返回问号以后的内容： console.log(location.search)

都看到这里了，创作不易，大家点个赞再走呗！！！- ̗̀(๑ᵔ⌔ᵔ๑)