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

目录

一、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)

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