简述window常用子对象

169 阅读2分钟

这是我参与2022首次更文挑战的第19天,活动详情查看:2022首次更文挑战」。

window对象大家一定不陌生,接下来就撬开它的大门,一起来看看它下面的有哪些我们常用的对象

简述

location对象:提供了当前窗口中加载文档的信息,以及通常的导航功能。 它既是 window 的属性,也是 document 的属性。

navigator对象:他是最早引入浏览器的,只要浏览器启用 JavaScript,navigator 对象就一定存在。它包含了浏览器相关信息,通过它可以确定浏览器的类型,检测浏览器是否安装了某个插件

screen对象:它包含客户端显示器的信息,比如像素宽度和像素高度。 history对象: 表示当前窗口首次使用以来用户的导航历史记录。每个 window 都有自己的 history 对象。

event对象:表示事件的状态,例如发生事件的元素、键盘键的状态、鼠标的位置和鼠标按钮的状态。

事件对象仅在事件期间可用。也就是说,你可以在事件处理程序中使用它,但不能在其他代码中使用它。您可以通过将事件关键字应用于窗口对象来检索事件对象。

尽管所有事件属性对所有事件对象都可用,但在某些事件期间,某些属性可能没有有意义的值。例如,fromElement 和 toElement 属性只有在处理 onmouseover 和 onmouseout 事件时才有意义。

常用api

  1. window.screen
window.screen.availWidth;    // 返回浏览器可用宽度 像素为单位 1366
window.screen.availHeight;   // 728  
window.screen.availTop;      // 0
window.screen.availLeft;     // 0
  1. window.location
window.location.hostname; // 返回 web 主机的域名
window.location.pathname; // 返回当前页面的路径和文件名
window.location.port;     // 返回 web 主机的端口 (80 或 443)
window.location.protocol; // 返回所使用的 web 协议(http:// 或 https://)
window.location.href;     // 返回当前页面的url地址
window.location.host;     // 返回当前页面url的主机ip
  1. window.history
window.history.back();       // 与在浏览器点击后退按钮相同
window.history.forward();    // 与在浏览器中点击按钮向前相同
  1. window.navigator
window.navigator.appCodeName; //浏览器代码名
window.navigator.appName;     //浏览器步伐名
window.navigator.language;    //浏览器当前语言
window.navigator.platform;    //操作体系类型win32
window.navigator.plugins;
window.navigator.appVersion;     //浏览器版本(包括 体系版本)
window.navigator.userAgent;      //用户代理头的字符串表示
window.navigator.onLine;         //用户否在线
window.navigator.cookieEnabled;  //浏览器是否撑持cookie
window.navigator.mimeTypes;