浏览器对象模型(Bom)复习

open 打开页面

window.open(‘www.icaoye.cn’) 打开一个页面

close 关闭页面

rga=window.open(‘www.icaoye.cn’)

rga.closer() 关闭指定页面

Window.close() 关闭页面 如果直接使用window调用,那么会关闭的是当前页面

onload 等待文档渲染完成

 window.onload = function () {
	//等待外部资源加载完毕后再执行这里的代码
}

onbeforeunload 即将离开当前页面

window.onbeforeunload = function () {
         console.log('啊,页面就要要关闭了'); //在页面即将关闭之前的一瞬间,即将死去
         }

location对象 跳转/替换/刷新

window.location.href=’www.icaoye.cn’ 页面跳转,可以回退到之前的页面

window.location.assign(‘www.icaoye.cn’) 加载新的文档,相当于location.href,可以回退

window.location.replace(‘www.icaoye.cn’) 替换当前页面,无法实现回退

window.location.reload() 重载/刷新

location对象属性:

hash返回一个URL的锚部分
host返回一个URL的主机名和端口
hostname返回URL的主机名
href返回完整的URL
pathname返回的URL路径名
port返回一个URL服务器使用的端口号
protocol返回一个URL协议
search返回一个URL的查询部分
例如:可以通过location.herf获取url

History对象 包含用户访问过的url

back() 列表中的前一个 URL

forward() 列表中的下一个 URL

go() 列表中的某个具体页面

navigator对象 浏览器相关信息

navigator.appCodeName 浏览器的代码名
navigator.appName 浏览器的名字
navigator.appVersion 浏览器的版本号
navigator.userAgent 保存了请求头的某些值

localStorage 永久保存数据

localStorage.setItem(key, value) 保存数据到本地

localStorage.getItem(key) 获取本地储存的数据

localStorage.removeItem(key) 删除储存的数据

localStorage只能保存字符串数据,若是需要保存数组或者对象,可以是按照以下步骤:

步骤一:JSON.stringify()将js数据转换成json数据,进行保存

// 1. 将js数组,变成json数据
        let arr = ['班长',38,'男孩子'];
        // json是一个文件格式,本质上就是字符串
        // JSON.stringify(): 将js数据,转换成为json数据
        // 将转换的json数据保存到localStorage中
        let arrJson = JSON.stringify(arr);
        localStorage.setItem('班长',arrJson);

步骤二:JSON.parse()将获取的json数据,转换成为js数据

 // 2. 获取保存的json数据
        // 存进去的格式是json,那么获取的格式也是json
        // 但是在js中没办法直接使用,那么必须转换
        let localData = localStorage.getItem('班长');
        // 将获取的json数据,转换成为js数据
        // JSON.parse()
        let localJs = JSON.parse(localData);
        console.log(localJs);

sessionStorage 临时保存数据

sessionStorage.setItem(key,value) 保存数据

sessionStorage.getItem(key) 获取本地数据

sessionStorage.removeItem(key) 删除数据

sessionStorage.clear() 清空所有

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发