**BOM操作浏览器**

126 阅读1分钟

windom

1.windom对象是一个全局对象,也可以说是javascript中的顶级对象

2.像document、alert(),console.log()这些都是window的属性,基本BOM的属性和方法都是 windomd .

3.所有通过var定义在全局作用域中的变量、函数都会变成windom对象的属性和方法。

4.windom对象下 的属性和方法调用的时候可以省略windom location对象

主要负责网页的地址栏

基本语法:

location.href----------------跳转页面

location.reload()------------刷新

location.search--------------打印输出是 ?后面的内容

location.hash----------------- # 后面的内容 主要用来获取浏览器的信息

navigator.userAgent

navigator.userAgent -------在这个字段里面判断是否有Mobile字段,如果有表示是手机,反之则表示pc

判断设备为移动还是pc

案例:

image.png

history对象

管理历史记录

history.forward( )--------页面前进

history.back( )--------------页面后退

history.go( )------------------括号里面为1,则往前一步,为-1,则往后一步

本地储存

作用:可以将数据永久储存在本地(用户的电脑),除非手动删除

语法:

注意:值可以不加引号,但时键一定要加引号,否则报错

存:localStorage.setItem( ‘ 键 ‘,‘值’)

取:localStorage.getItem(’键‘)

删:localStorage.removeItem('键')

储存复杂数据类型

本地只能储存字符串,无法储存复杂数据类型,需要将复杂数据类型转换成JSON字符串,在 储存到本地

转换成JSON字符串的语法

JSON.stringify(复杂数据类型)将复杂数据类型转换成JSON字符串

JSON.parse(JSON字符串)将 JSON字符串转换成对象