• HTML 对象


    Window 对象

    Window 对象表示浏览器中打开的窗口。

    如果文档包含框架( 或 <iframe> 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

    注意: 没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。


    Window 对象属性

    属性描述
    closed返回窗口是否已被关闭。
    defaultStatus设置或返回窗口状态栏中的默认文本。
    document对 Document 对象的只读引用。(请参阅对象)
    frames返回窗口中所有命名的框架。该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架。
    history对 History 对象的只读引用。请参数 History 对象
    innerHeight返回窗口的文档显示区的高度。
    innerWidth返回窗口的文档显示区的宽度。
    localStorage在浏览器中存储 key/value 对。没有过期时间。
    length设置或返回窗口中的框架数量。
    location用于窗口或框架的 Location 对象。请参阅 Location 对象
    name设置或返回窗口的名称。
    navigator对 Navigator 对象的只读引用。请参数 Navigator 对象
    opener返回对创建此窗口的窗口的引用。
    outerHeight返回窗口的外部高度,包含工具条与滚动条。
    outerWidth返回窗口的外部宽度,包含工具条与滚动条。
    pageXOffset设置或返回当前页面相对于窗口显示区左上角的 X 位置。
    pageYOffset设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
    parent返回父窗口。
    screen对 Screen 对象的只读引用。请参数 Screen 对象
    screenLeft返回相对于屏幕窗口的x坐标
    screenTop返回相对于屏幕窗口的y坐标
    screenX返回相对于屏幕窗口的x坐标
    sessionStorage在浏览器中存储 key/value 对。 在关闭窗口或标签页之后将会删除这些数据。
    screenY返回相对于屏幕窗口的y坐标
    self返回对当前窗口的引用。等价于 Window 属性。
    status设置窗口状态栏的文本。
    top返回最顶层的父窗口。

    Window 对象方法

     

    方法描述
    alert()显示带有一段消息和一个确认按钮的警告框。
    atob()解码一个 base-64 编码的字符串。
    btoa()创建一个 base-64 编码的字符串。
    blur()把键盘焦点从顶层窗口移开。
    clearInterval()取消由 setInterval() 设置的 timeout。
    clearTimeout()取消由 setTimeout() 方法设置的 timeout。
    close()关闭浏览器窗口。
    confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。
    createPopup()创建一个 pop-up 窗口。
    focus()把键盘焦点给予一个窗口。
    getSelection()返回一个 Selection 对象,表示用户选择的文本范围或光标的当前位置。
    getComputedStyle()获取指定元素的 CSS 样式。
    matchMedia()该方法用来检查 media query 语句,它返回一个 MediaQueryList对象。
    moveBy()可相对窗口的当前坐标把它移动指定的像素。
    moveTo()把窗口的左上角移动到一个指定的坐标。
    open()打开一个新的浏览器窗口或查找一个已命名的窗口。
    print()打印当前窗口的内容。
    prompt()显示可提示用户输入的对话框。
    resizeBy()按照指定的像素调整窗口的大小。
    resizeTo()把窗口的大小调整到指定的宽度和高度。
    scroll()已废弃。 该方法已经使用了 scrollTo() 方法来替代。
    scrollBy()按照指定的像素值来滚动内容。
    scrollTo()把内容滚动到指定的坐标。
    setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。
    setTimeout()在指定的毫秒数后调用函数或计算表达式。
    stop()停止页面载入。
    postMessage()安全地实现跨源通信。

     

    HTML DOM 事件

    HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。

    事件通常与函数结合使用,函数不会在事件发生前被执行! (如用户点击按钮)。

    提示: 在 W3C 2 级 DOM 事件中规范了事件模型。


    HTML DOM 事件

    DOM: 指明使用的 DOM 属性级别。

    鼠标事件

    属性描述DOM
    onclick当用户点击某个对象时调用的事件句柄。2
    oncontextmenu在用户点击鼠标右键打开上下文菜单时触发
    ondblclick当用户双击某个对象时调用的事件句柄。2
    onmousedown鼠标按钮被按下。2
    onmouseenter当鼠标指针移动到元素上时触发。2
    onmouseleave当鼠标指针移出元素时触发2
    onmousemove鼠标被移动。2
    onmouseover鼠标移到某元素之上。2
    onmouseout鼠标从某元素移开。2
    onmouseup鼠标按键被松开。2

    键盘事件

    属性描述DOM
    onkeydown某个键盘按键被按下。2
    onkeypress某个键盘按键被按下并松开。2
    onkeyup某个键盘按键被松开。2

    框架/对象(Frame/Object)事件

    属性描述DOM
    onabort图像的加载被中断。 ( )2
    onbeforeunload该事件在即将离开页面(刷新或关闭)时触发2
    onerror在加载文档或图像时发生错误。 ( , 和 )
    onhashchange该事件在当前 URL 的锚部分发生修改时触发。
    onload一张页面或一幅图像完成加载。2
    onpageshow该事件在用户访问页面时触发
    onpagehide该事件在用户离开当前网页跳转到另外一个页面时触发
    onresize窗口或框架被重新调整大小。2
    onscroll当文档被滚动时发生的事件。2
    onunload用户退出页面。 ( 和 )2

    表单事件

    属性描述DOM
    onblur元素失去焦点时触发2
    onchange该事件在表单元素的内容改变时触发( , ,