关于window对象

由于长时间没有更新博文了,今天总结一篇关于js操作window对象的一篇文章。

navigator导航器对象

1.appCodeName 返回浏览器的代码名
2.appName 返回浏览器的名称
3.appVersion 返回浏览器的平台和版本信息
4.cookieEnabled 返回指明浏览器中是否启用cookie的布尔值
5.platform 返回运行浏览器的操作系统平台
6.userAgent 返回由客户机发送服务器的user-agent头部的值

关于window对象_第1张图片

screen显示器对象

1.availHeight 返回显示屏幕的可用高度
2.availWidth 返回显示屏幕的可用宽度
3.availLeft 返回显示屏幕的可见左宽度
4.availTop 返回显示屏幕的可见顶高度
5.height 返回屏幕的像素高度
6.width 返回屏幕的像素宽度
7.colorDepth 返回屏幕颜色的位数

关于window对象_第2张图片


history 历史对象

  • back() 返回前一个url 
  • forward() 返回下一个url
  • go() 返回某一个具体的页面

location 位置对象

属性

  • hash 设置或者返回从井号(#) 开始的url
  • host 设置或者返回主机名和当前url的端口号
  • hostname  设置或者返回当前URL 的主机名
  • href 设置或者返回完成的url
  • pathname 设置或者返回当前的url 的路径部分
  • port 设置或者返回 当前url的端口号
  • potocol 设置或者返回当前URL的协议
  • search 设置或者返回从问号(?) 开始的url

方法

  • reload() 重新加载当前页面
  • assign(url) 加载新的页面
  • replace(newURL) 从新的文档代替当前文档

关于window对象_第3张图片

document 文档对象

集合

  • anchors[] 描点对象数组
  • images[] 图片对象数组
  • links[] 连接对象数组
  • forms[] 表单对象数组

关于window对象_第4张图片

属性

  • domain 返回当前文档的域名
  • referrer 返回载入当前文档的URL
  • title 返回当前文档的标题
  • URL 返回当前文档的URL
  • cookie 设置与返回当前文档有关的所有的cookies

关于window对象_第5张图片d

方法

  • open() 打开一个新的文档,并擦除旧的文档的内容
  • close() 关闭文档输出流
  • write() 向当前文档追加写入文档
  • writeln()  与write()相同,只是追加一个回车

窗口控制

  • moveBy 语法:moveBy(水平位移量,垂直位移量)。功能:按照给定像素参数移动指定窗口。
  • moveTo 语法: moveTo(x,y)。功能:将窗口移动到指定的指定坐标(x,y)处。
  • resizeBy 语法: resizeBy(水平,垂直)。功能:将当前窗口改变指定的大小(x,y) ps: 当x,y>0 为扩大,否则缩小
  • resizeTo 语法:resizeTo(水平宽度,垂直宽度)。功能:将当前的窗口修改为(x,y)大小
  • scrollBy 语法:scrollBy(水平位移量,垂直位移量)。功能:将窗口中的内容按照给定的位移量滚动,参数为正数的时候:正向滚动,否则逆向滚动。
  • scrollTo 语法: scrollTo(x,y) 功能:将窗口中的内容滚动到指定的位置。


焦点控制

  • focus 获取焦点
  • blur 移除焦点

打开关闭窗口

  • open 语法: open('URL','窗口名称','窗口风格')
  • close 语法: close() 功能:自动关闭浏览器窗口。

定时器

  • setTimeout  语法:setTimeout(执行代码,毫秒数)。功能:当到了指定的毫秒数之后,自动执行功能代码。
  • clearTimeout 语法:clearTimeout(定时器)。功能:取消由setTimeout设定的定时器。
  • setInterval 语法: setInterval(执行代码,毫秒数)。功能:按照指定周期重复执行功能代码。
  • clearInterval 语法:clearInterval(定时器)。功能:取消由setInterval设定的定时器。


对话框

  • alert 语法: alert('hello world') 功能: 弹出一个警告框,在警告框中显示提示字符串中文本。
  • confirm 语法: confirm(‘提示字符串’) 功能: 显示一个确认框,在确认框中显示提示字符串,当用户选择’确认‘返回true,如果选择’取消‘ 返回false.
  • prompt 语法 : prompt('提示字符串','缺省文本')。功能:显示一个输入框,在输入框中默认显示的是’缺省文本‘,等待用户的输入,如果用户点击’确定‘按钮,返回用户输入的字符串,当点击’‘取消’按钮,则返回null值。


属性

状态栏

  • defaultStatus 改变浏览器状态栏的默认显示 
  • status 临时改变浏览器状态栏的显示

窗口位置

IE 

  • screenLeft 声明窗口的左上角的x坐标
  • screenTop 声明窗口的左上角的Y坐标
  • document.documentElement.scrollLeft 声明当前文档向右滚动过的像素
  • document.body.scrollLeft 同上
  • document.documentElement.scrollTop 声明当前文档向下滚动过的像素
  • document.body.scrollTop 同上


!IE

  • screenX  声明窗口的左上角的x坐标
  • screenY  声明窗口的左上角的Y坐标
  • pageXOffset 声明当前文档向右滚动过的像素
  • pageYoffset 声明当前文档向下滚动过的像素

FF

  • innerHeight 返回窗口的文档显示区域的高度
  • innerWidth 返回窗口的文档显示区域的宽度
  • outerHeight 返回窗口的外部高度
  • outerWidth  返回窗口的外部宽度


其他属性

  • opener 可以实现同域名下面跨窗口之间的通讯,一个窗口需要包含另外一个窗口的opener.
  • closed 当前窗口关闭的时候返回true.
  • name 设置和返回窗口的名称。
  • self  返回对当前窗口的引用

你可能感兴趣的:(JavaScript)