JavaScript中的对象有哪些(下)

555 阅读4分钟

浏览器提供的对象

window对象

window对象是浏览器提供的全局对象,表示浏览器打开的窗口

window对象属性:

  • innerHeight:返回窗口的文档显示区的高度。
  • innerWidth:返回窗口的文档显示区的宽度。
  • length:设置或返回窗口中的框架数量。
  • name:设置或返回窗口的名称。
  • outerHeight:返回窗口的外部高度,包含工具条与滚动条。
  • outerWidth:返回窗口的外部宽度,包含工具条与滚动条。
  • pageXOffset:设置或返回当前页面相对于窗口显示区左上角的 X 位置。
  • pageYOffset:设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
  • screenLeft:返回相对于屏幕窗口的x坐标
  • screenTop:返回相对于屏幕窗口的y坐标
  • screenX:返回相对于屏幕窗口的x坐标
  • screenY:返回相对于屏幕窗口的y坐标
  • localStorage:在浏览器中存储 key/value 对。没有过期时间。
  • sessionStorage:在浏览器中存储 key/value 对。 在关闭窗口或标签页之后将会删除这些数据。

window对象方法:

  • alert,显示带有一段消息和一个确认按钮的警告框。
  • confirm,显示带有一段消息以及确认按钮和取消按钮的对话框。
  • prompt,显示可提示用户输入的对话框。
  • setTimeout,定时器
  • setInterval,
  • clearTimeout,消除定时器
  • clearInterval,
  • open,打开一个新的浏览器窗口或查找一个已命名的窗口。
  • close,关闭浏览器窗口。
  • moveBy,相对窗口的当前坐标把它移动指定的像素。
  • moveTo,把窗口的左上角移动到一个指定的坐标。
  • resizeBy,按照指定的像素调整窗口的大小。
  • resizeTo,把窗口的大小调整到指定的宽度和高度。
  • scrollBy,按照指定的像素值来滚动内容。
  • scrollTo,把内容滚动到指定的坐标。

浏览器提供的其他对象都是作为window对象的属性

Location对象

location对象提供当前窗口中加载的文档信息

location对象的属性主要提供url值的查询

方法:

  • assion(url)载入一个新的文档,生成历史记录
  • replace(url)用新的文档替换当前文档,不生成历史记录
  • reload,重新载入当前文档

Navigator对象

navigator对象提供浏览器的信息,用于识别客户端浏览器

Screen对象

screen对象提供客户端显示屏幕的信息

属性:

  • availHeight:返回屏幕的高度(不包括Windows任务栏)
  • availWidth:返回屏幕的宽度(不包括Windows任务栏)
  • height:返回屏幕的总高度
  • width:返回屏幕的总宽度
  • pixelDepth:返回屏幕的颜色分辨率(每象素的位数)

History对象

属性:length,返回历史列表中的网址数

方法:

  • back,加载 history 列表中的前一个 URL
  • forward,加载 history 列表中的下一个 URL
  • go,加载 history 列表中的某个具体页面

Document对象

document对象控制文档中各节点的增删改查

Event事件对象

在HTML文档元素中注册不同事件处理程序,当事件被触发时会创建事件对象

       event对象是一直存在的,当事件被触发时会创建一个事件对象的实例,这个实例里保存该事件的状态,不同事件创建的事件对象实例也不尽相同

其他

Json对象

json是存储和交换文本信息的语法。类似 XML。但比 XML 更小、更快,更易解析。

 json通常用于与服务端交换数据,

  • 在接收服务器数据时一般都是字符串,我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
  • 在向服务器发送数据时一般是字符串。我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

XHR对象

XHR为向服务器发送请求和解析服务器响应提供了流畅的接口,能够以异步方式从服务器取得更多信息

Es6新增的对象

Set对象

Map对象

Promise对象

Reflect对象

Proxy对象