【JavaScript知识点九】 javascript window对象

【JavaScript知识点九】 window对象

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

2.screen显示器对象

  • availHeight 返回显示屏幕的可用高度
  • availWidth 返回显示屏幕的可用宽度
  • height 返回屏幕的像素高度
  • width 返回屏幕的像素宽度
  • colorDepth 返回屏幕颜色的位数

3.history历史对象

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

4.location位置对象

4-1 属性

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

4-2 方法

  • assign(URL) 加载新的文档
  • reload() 重新加载当前页面
  • replace(newURL) 用新的文档替换当前文档

5. document文档对象

5-1 集合

  • all[] 提供对文档中所有 HTML 元素的访问。
  • anchors[] 返回对文档中所有 Anchor 对象的引用。
  • applets 返回对文档中所有 Applet 对象的引用。
  • forms[] 返回对文档中所有 Form 对象引用。
  • images[] 返回对文档中所有 Image 对象引用。
  • links[] 返回对文档中所有 Area 和 Link 对象引用。

5-2 属性

  • body 提供对 <body> 元素的直接访问。
    对于定义了框架集的文档,该属性引用最外层的 <frameset>

  • cookie 设置或返回与当前文档有关的所有 cookie。
  • domain 返回当前文档的域名。
  • lastModified 返回文档被最后修改的日期和时间。
  • referrer 返回载入当前文档的文档的 URL。
  • title 返回当前文档的标题。
  • URL 返回当前文档的 URL。

5-3 方法

  • close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。

  • getElementById() 返回对拥有指定 id 的第一个对象的引用。
  • getElementsByClassName() 返回带有指定class名称的对象集合。
  • getElementsByName() 返回带有指定名称的对象集合。
  • getElementsByTagName() 返回带有指定标签名的对象集合。
  • open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
  • write() 向文档写 HTML 表达式 或 JavaScript 代码。
  • writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。

6. 窗口控制

6-1 moveBy

  • 语法:moveBy(水平位移量,垂直位移量)
  • 功能:按照给定像素参数移动指定窗口

6-2 moveTo

  • 语法:moveTo(x,y)
  • 功能:将窗口移动到指定的指定坐标(x,y)处

6-3 resizeBy

  • 语法:resizeBy(水平,垂直)
  • 功能:将当前窗口改变指定的大小(x,y)
  • 当x、y的值大于0时为扩大
  • 当x、用的值小于0时为缩小

6-4 resizeTo

  • 语法:resizeTo(水平宽度,垂直宽度)
  • 功能:将当前窗口改变成(x,y)大小,x、y分别为宽度和高度

6-5 scrollBy

  • 语法:scrollBy(水平位移量,垂直位移量)
  • 功能:将窗口中的内容按给定的位移量滚动
  • 参数为正数时,正向滚动,否则反向滚动

6-6 scrollTo

  • 语法:scrollTo(x,y)
  • 功能:将窗口中的内容滚动到指定位置

7. 焦点控制

  • foucus得到焦点
  • blur 移出焦点

8. 打开关闭窗口

8-1 open

  • 语法:open("url","窗口名称","窗口风格")
  • 功能:打开一个新窗口,并在窗口中装载指定URL地址的网页
  • 窗口风格:
    height: 数值 窗口高度 不能小于100
    width:数值 窗口宽度不能小于100
    left 数值 窗口左坐标不能为负值
    top 数值 窗口上坐标 不能为负值
    location yes/no 是否显示地址栏
    menubar yes/no 是否显示菜单栏
    resizable yes/no 是否可以改变窗口大小
    scrollbars yes/no 是否允许出现滚动条
    status yes/no 是否显示状态栏
    toolbar yes/no 是否显示工具栏

8-2 close()

  • 语法:close()
  • 功能:自动关闭浏览器窗口

9. 定时器

  • setTimeout
    语法:setTimeout(执行代码,毫秒数)
    功能:当到了指定的毫秒数后,自动执行功能代码

  • clearTimeout
    语法:clearTimeout(定时器)
    功能:取消由setTimeout()设置的定时器

  • setInterval
    语法:setInterval(执行代码,毫秒数)
    功能:指定周期重复执行功能代码

  • clearInterval
    语法:clearInterval(时间间隔)
    功能:取消由setInterval()设置的时间间隔器

10. 对话框

  • alert 弹出一个警告框
  • confirm 显示一个确认框,点击确定返回true,点击取消时返回false
  • prompt
    语法:prompt('提示字符串','缺省文本')
    功能:显示一个输入框,在输入框内显示提示字符串
    在输入文本框显示缺省文本,并等待用户输入,当用户点击“确定”按钮时,返回用户输入的字符串,当点击“取消”按钮式,返回null值

11. 属性

11-1 状态栏

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

11-2 窗口位置

①IE

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

  • document.body.scrollTop
  • document.documentElement.scrollTop
    声明当前文档向下滚动过的像素数

②!IE

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

③FF

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

    其它属性

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

你可能感兴趣的:(【JavaScript知识点九】 javascript window对象)