JavaScript中Window对象的属性及事件

前端之家收集整理的这篇文章主要介绍了JavaScript中Window对象的属性及事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Window 对象

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

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

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

windows对象属性

属性
。。显示区的宽度。数量。。。当前页面相对于窗口显示区左上角的 X 位置。当前页面相对于窗口显示区左上角的 Y 位置。。
  • windows对象方法

    显示带有一段消息和一个确认按钮的警告框。关闭浏览器窗口。显示可提示用户输入的对话框。内容滚动到指定的坐标。调用函数或计算表达式。

    不同的运行环境有不同的“顶层对象”,而在浏览器的环境中,顶层对象就是window对象。window就是指当前的浏览器窗口。

    例:var a = 1;

    window.a; //1

    1.window对象的属性

    (1)window.name属性

    window.name用于设置浏览器当前浏览器窗口的名字。其特点为浏览器刷新后,该属性保持不变。

    (2)window.innerHeight属性,window.innerWidth属性

    这两个属性返回网页的css布局占据的浏览器窗口的高度和宽度。这两个属性的值包括浏览器的滚动条的高度和宽度。

    (3)window.pageXoffset属性和window.pageYoffset属性

    window.pageXoffset返回页面水平滚动的距离。window.pageYoffset返回页面垂直滚动的距离。

    (4)iframe元素

    window.iframe返回一个类似数组的对象。

    (5)screen对象

    显示设备的信息。

    // 显示设备的高度,单位为像素   screen.height // 1920 // 显示设备的宽度,单位为像素   screen.width // 1080

    2.window对象的事件。

    (1)onerror事件。

    oonerror事件是一种老式的标准的在网页中捕获 Javascript 错误方法

    (2)alert(),prompt(),confirm()

    都是浏览器用来与用户互动的方法。它们会弹出不同的对话框。

    例:alert("Hello World");

    alert();弹出的对话框,只有一个“确定”按钮,往往用来通知用户某些信息。

    例:var result = prompt('您的年龄?',25)

    prompt();弹出的对话框,有一个输入框,要求用户输入信息,并有“确定”和“取消”两个按钮。这个方法往往用来获取用户输入的数据。

    例:var result = confirm("你最近好吗?");

    confirm();confirm方法返回一个布尔值,如果用户点击“确定”,则返回true;如果用户点击“取消”,则返回false。

    原文链接:https://www.f2er.com/js/50890.html

    猜你在找的JavaScript相关文章