您现在的位置是:首页 > 技术学习 > javascript 网站首页 技术学习 javascript

浏览器对象(Window、History、Location、Navigator、Screen)

简介 JS中的window对象、History对象、Location对象、Navigator对象、Screen对象的基础使用方法

1. Window对象

1-1 打开新窗口

window.open('url地址','窗口名称','参数字符串');

注:

  1. url地址:可选参数,不写或为空则窗口不显示内容。
  2. 窗口名称:可选,被打开窗口的名称。
    由字母数字或组成,不能包含空格; 为"top"时,框架网页在上部窗口显示目标网页;
    为"blank"时,在新窗口显示; 为"self"时,在当前窗口打开新网页;
    同一name只能创建一个;
  3. 参数字符串:可选,设置窗口参数,各参数用逗号隔开。'参数,参数,参数';

1-2 关闭新窗口

window.close(); // 关闭当前窗口。
// 窗口对象.close(); // 关闭指定窗口。
JS中使用this时哪些是指向的window:
  1. setInterval(函数,时间(毫秒单位));
  2. clearInterval(定时器对象);
  3. setTimeout(函数,延时时间(毫秒单位));
  4. clearTimeout(延时器对象);

上述关于定时器的,当在这些函数中使用this时,this的指向是指向window的。

2. History对象

浏览器历史记录,window.history.属性/方法。(window有时候会省略)

  1. 属性:length;历史列表中url数量。
  2. 方法:back(); 后退。
  3. 方法:forward(); 前进。
  4. 方法:go(n); 加载历史列表中某个具体页面。

3. location对象

获取或设置窗口url,可用于解析url
location.属性

  1. location.href = "目标网址"; 跳转到目标网址
  2. location.href; 获取窗口url地址
  3. location.search; 获取地址栏里的url参数信息。(即从 ? 开始的信息)
  4. location.hash; 获取地址栏的锚点信息。 (#及后面的信息)

4. Navigator对象

包含有关浏览器的信息,用于检测浏览器与操作系统的版本
navigator.userAgent; UA,声明了浏览器用于 HTTP 请求的用户代理头的值。(爬虫常用)
navigator.appVersion; 返回浏览器的平台和版本信息。

5. screen对象

用于获取用户屏幕信息
window.screen.属性

  1. window.screen.height; 屏幕分辨率高,width时是获取宽。单位px
  2. window.screen.availHeight; 屏幕可用高,availWidth是获取可用宽,单位px

 
个人CSDN博客

Top