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) 用字符串的操作方法，去掉 #
原创文章，作者：，如若转载，请注明出处：https://blog.ytso.com/268200.html