您现在的位置是:首页 > 技术学习 > javascript 网站首页 技术学习 javascript
浏览器对象(Window、History、Location、Navigator、Screen)
- 技术学习
- 2019-04-23
- 416已阅读
- 8
简介
JS中的window对象、History对象、Location对象、Navigator对象、Screen对象的基础使用方法
1. Window对象
1-1 打开新窗口
window.open('url地址','窗口名称','参数字符串');
注:
- url地址:可选参数,不写或为空则窗口不显示内容。
- 窗口名称:可选,被打开窗口的名称。
由字母数字或组成,不能包含空格; 为"top"时,框架网页在上部窗口显示目标网页;
为"blank"时,在新窗口显示; 为"self"时,在当前窗口打开新网页;
同一name只能创建一个;- 参数字符串:可选,设置窗口参数,各参数用逗号隔开。'参数,参数,参数';
1-2 关闭新窗口
window.close(); // 关闭当前窗口。
// 窗口对象.close(); // 关闭指定窗口。
JS中使用this时哪些是指向的window:
- setInterval(函数,时间(毫秒单位));
- clearInterval(定时器对象);
- setTimeout(函数,延时时间(毫秒单位));
- clearTimeout(延时器对象);
上述关于定时器的,当在这些函数中使用this时,this的指向是指向window的。
2. History对象
浏览器历史记录,window.history.属性/方法。(window有时候会省略)
- 属性:length;历史列表中url数量。
- 方法:back(); 后退。
- 方法:forward(); 前进。
- 方法:go(n); 加载历史列表中某个具体页面。
3. location对象
获取或设置窗口url,可用于解析url
location.属性
- location.href = "目标网址"; 跳转到目标网址
- location.href; 获取窗口url地址
- location.search; 获取地址栏里的url参数信息。(即从 ? 开始的信息)
- location.hash; 获取地址栏的锚点信息。 (#及后面的信息)
4. Navigator对象
包含有关浏览器的信息,用于检测浏览器与操作系统的版本
navigator.userAgent
; UA,声明了浏览器用于 HTTP 请求的用户代理头的值。(爬虫常用)
navigator.appVersion
; 返回浏览器的平台和版本信息。
5. screen对象
用于获取用户屏幕信息
window.screen.属性
- window.screen.height; 屏幕分辨率高,width时是获取宽。单位px
- window.screen.availHeight; 屏幕可用高,availWidth是获取可用宽,单位px