BOM操作 - 1
作者:互联网
1、window对象
- window表示浏览器窗口
- 所有JavaScript全局对象、函数以及变量均自动成为window对象的成员
- 全局变量是window对象的属性,全局函数是window对象的方法
//火狐写法 window.screenX/screenY 窗口相对于屏幕左、上的位置
console.log(window.screenLeft);
//IE8一下写法 document.documentElement.clientHeight/clientWidth
//浏览器窗口的内部宽度、高度
console.log(window.innerHeight);
2、Navigator对象
- 包含有关浏览器的信息
名称 | 概念 |
---|---|
appCodeName | 返回浏览器的代码名 |
appName | 返回浏览器的名称 |
appVersion | 返回浏览器的平台和版本信息 |
cookieEnabled | 返回指明浏览器中是否启用cookie 的布尔值 |
platform | 返回运行浏览器的操作系统平台 |
userAgent | 返回由客户机发送服务器的 |
user-agent | 头部的值 |
//获取 navigator对象
console.log(window.navigator);
//window.navigator.userAgent
//储存着浏览器所有的基础信息
//数据类型是字符串类型
if (navigator.userAgent.indexOf("Firefox") != -1) {
alert("这是火狐浏览器");
}
if (navigator.userAgent.indexOf("Chrome") != -1) {
alert("这是谷歌浏览器");
} else if (navigator.userAgent.indexOf("Safan") != -1) {
alert("这是苹果浏览器");
}
3、location对象
- Location 对象属性:
属性 | 含义 |
---|---|
hash | 设置或返回从井号 (#) 开始的 URL(锚) |
host | 设置或返回主机名和当前 URL 的端口号 |
hostname | 设置或返回当前 URL 的主机名 |
href | 设置或返回完整的 URL |
pathname | 设置或返回当前 URL 的路径部分 |
port | 设置或返回当前 URL 的端口号 |
protocol | 设置或返回当前 URL 的协议 |
search | 设置或返回从问号 (?) 开始的 URL(查询部分) |
- Location 对象方法
方法 | 含义 |
---|---|
assign() | 加载新的文档 |
reload() | 重新加载当前文档 |
replace() | 用新的文档替换当前文档 |
-
location.href : 可以获取当前浏览地址
1、当前locatioin.href设置新地址的时候会直接跳转新地址
2、设置的时候,如果是一个网址 必须加上http协议(网址写全)
3、如果是个文件需以当前文件为参照物写清楚要跳转的路径 -
location.hash
1、功能一:设置的时候可以设置页面中标签的id,设置为id时可做描点跳转到相应id的标签处
2、功能二:页面之间的传参
(1)可将需要传递的函数以字符串拼接的形式,拼接到要跳转的链接的后面
(2)这样就能在目标页面一location.hash的形式,获取到传递过来的参数
(3) 用字符串的操作方法,去掉 #
标签:返回,浏览器,URL,window,BOM,设置,操作,navigator 来源: https://www.cnblogs.com/liujianjun/p/16387934.html