美文网首页我爱编程
JavaScript(BOM-API预览)

JavaScript(BOM-API预览)

作者: joker731 | 来源:发表于2018-04-12 19:30 被阅读24次

window对象属性

//在浏览器中,window对象指当前的浏览器窗口,它也是所有对象的顶层对象。浏览器环境的所有全局变量,都是window对象的属性。

  • window对象的window属性指向自身。
    //window.Window===this
  • window.name属性用于设置当前浏览器窗口的名字。
  • window.location返回一个location对象,用于获取窗口当前的URL信息。它等同于document.location对象
  • window.closed属性返回一个布尔值,表示窗口是否关闭。
    //种检查意义不大,因为只要能运行代码,当前窗口肯定没有关闭。这个属性一般用来检查,使用脚本打开的新窗口是否关闭。
  • window.opener属性返回打开当前窗口的父窗口。如果当前窗口没有父窗口,则返回null。
    //可以获得父窗口的的全局变量和方法,比如window.opener.propertyName和window.opener.functionName()。但这只限于两个窗口属于同源的情况
  • window.frames属性返回一个类似数组的对象,成员为页面内所有框架窗口,包括frame元素和iframe元素。window.frames[0]表示页面中第一个框架窗口。
  • window.length属性返回当前网页包含的框架总数。如果当前网页不包含frame和iframe元素,那么window.length就返回0。
  • window.screenX和window.screenY属性,返回浏览器窗口左上角相对于当前屏幕左上角((0, 0))的水平距离和垂直距离,单位为像素。
  • window.innerHeight和window.innerWidth属性,返回网页在当前窗口中可见部分的高度和宽度,即“视口”(viewport),单位为像素。
  • window.outerHeight和window.outerWidth属性返回浏览器窗口的高度和宽度,包括浏览器菜单和边框,单位为像素。
  • window.pageXOffset属性返回页面的水平滚动距离,window.pageYOffset属性返回页面的垂直滚动距离,单位都为像素。

window对象的navigator属性,指向一个包含浏览器信息的对象。

  • navigator.userAgent属性返回浏览器的User-Agent字符串,标示浏览器的厂商和版本信息。
  • navigator.plugins属性返回一个类似数组的对象,成员是浏览器安装的插件,比如Flash、ActiveX等。
  • navigator.onLine属性返回一个布尔值,表示用户当前在线还是离线。
  • navigator.geolocation返回一个Geolocation对象,包含用户地理位置的信息。
  • navigator.javaEnabled方法返回一个布尔值,表示浏览器是否能运行Java Applet小程序。
  • navigator.cookieEnabled属性返回一个布尔值,表示浏览器是否能储存Cookie。
为什么这些属性前都不用+window?
我想因为是这个属性只有浏览器窗口拥有所以可以省略

window.screen对象包含了显示设备的信息。(估计因为也是window特有的,所以使用的时候不用+window)

//screen.height和screen.width两个属性,一般用来了解设备的分辨率。
//screen.availHeight和screen.availWidth属性返回屏幕可用的高度和宽度,单位为像素。它们的值为屏幕的实际大小减去操作系统某些功能占据的空间,比如系统的任务栏。
//screen.colorDepth属性返回屏幕的颜色深度,一般为16(表示16-bit)或24(表示24-bit)。

window对象的方法

  • window.moveTo方法用于移动浏览器窗口到指定位置。它接受两个参数,分别是窗口左上角距离屏幕左上角的水平距离和垂直距离,单位为像素。
  • window.scrollTo方法用于将网页的指定位置,滚动到浏览器左上角。它的参数是相对于整张网页的横坐标和纵坐标。它有一个别名window.scroll。
  • window.scrollBy方法用于将网页移动指定距离,单位为像素。它接受两个参数:向右滚动的像素,向下滚动的像素。
  • window.open方法用于新建另一个浏览器窗口,并且返回该窗口对象。
  • window.close方法用于关闭当前窗口,一般用来关闭window.open方法新建的窗口。
  • print方法会跳出打印对话框,同用户点击菜单里面的“打印”命令效果相同。
  • getComputedStyle方法接受一个HTML元素作为参数,返回一个包含该HTML元素的最终样式信息的对象。
  • window.matchMedia方法用来检查CSS的mediaQuery语句。
  • focus方法会激活指定当前窗口,使其获得焦点。
  • window.getSelection方法返回一个Selection对象,表示用户现在选中的文本。

事件/window对象可以接收以下事件。

  • load事件发生在文档在浏览器窗口加载完毕时。window.onload属性可以指定这个事件的回调函数。
  • 浏览器脚本发生错误时,会触发window对象的error事件。我们可以通过window.onerror属性对该事件指定回调函数。

window 对象方法

相关文章

网友评论

    本文标题:JavaScript(BOM-API预览)

    本文链接:https://www.haomeiwen.com/subject/ovufkftx.html