标签：返回 浏览器 URL window BOM 设置 操作 navigator
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
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。