这篇文章主要介绍了JavaScript中Window对象的属性及事件 的相关资料,需要的朋友可以参考下
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
Window 对象
Window 对象表示浏览器中打开的窗口。
如果文档包含框架(frame 或 iframe 标签),浏览器会为 html 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。
windows对象属性
属性 | 描述 |
---|---|
{aa39aa} | 返回窗口是否已被关闭。 |
{aa38aa} | 设置或返回窗口状态栏中的默认文本。 |
{aa37aa} | 对 Document 对象的只读引用。请参阅 {aa36aa}。 |
{aa35aa} | 对 History 对象的只读引用。请参数 {aa34aa}。 |
{aa33aa} | 返回窗口的文档显示区的高度。 |
{aa32aa} | 返回窗口的文档显示区的宽度。 |
length | 设置或返回窗口中的框架数量。 |
{aa31aa} | 用于窗口或框架的 Location 对象。请参阅 {aa30aa}。 |
{aa29aa} | 设置或返回窗口的名称。 |
{aa28aa} | 对 Navigator 对象的只读引用。请参数 {aa27aa}。 |
{aa26aa} | 返回对创建此窗口的窗口的引用。 |
{aa25aa} | 返回窗口的外部高度。 |
{aa24aa} | 返回窗口的外部宽度。 |
pageXOffset | 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 |
pageYOffset | 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 |
parent | 返回父窗口。 |
{aa23aa} | 对 Screen 对象的只读引用。请参数 {aa22aa}。 |
{aa21aa} | 返回对当前窗口的引用。等价于 Window 属性。 |
{aa20aa} | 设置窗口状态栏的文本。 |
{aa19aa} | 返回最顶层的先辈窗口。 |
window | window 属性等价于 self 属性,它包含了对窗口自身的引用。 |
|
只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。 |
windows对象方法
方法 | 描述 |
---|---|
{aa18aa} | 显示带有一段消息和一个确认按钮的警告框。 |
{aa17aa} | 把键盘焦点从顶层窗口移开。 |
{aa16aa} | 取消由 setInterval() 设置的 timeout。 |
{aa15aa} | 取消由 setTimeout() 方法设置的 timeout。 |
{aa14aa} | 关闭浏览器窗口。 |
{aa13aa} | 显示带有一段消息以及确认按钮和取消按钮的对话框。 |
{aa12aa} | 创建一个 pop-up 窗口。 |
{aa11aa} | 把键盘焦点给予一个窗口。 |
{aa10aa} | 可相对窗口的当前坐标把它移动指定的像素。 |
{aa9aa} | 把窗口的左上角移动到一个指定的坐标。 |
{aa8aa} | 打开一个新的浏览器窗口或查找一个已命名的窗口。 |
{aa7aa} | 打印当前窗口的内容。 |
{aa6aa} | 显示可提示用户输入的对话框。 |
{aa5aa} | 按照指定的像素调整窗口的大小。 |
{aa4aa} | 把窗口的大小调整到指定的宽度和高度。 |
{aa3aa} | 按照指定的像素值来滚动内容。 |
{aa2aa} | 把内容滚动到指定的坐标。 |
{aa1aa} | 按照指定的周期(以毫秒计)来调用函数或计算表达式。 |
{aa0aa} | 在指定的毫秒数后调用函数或计算表达式。 |
不同的运行环境有不同的“顶层对象”,而在浏览器的环境中,顶层对象就是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。
来源: