JavaScript中Window对象的属性及事件


Posted in Javascript onDecember 25, 2015

Window 对象

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

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

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

windows对象属性

属性 描述
closed 返回窗口是否已被关闭。
defaultStatus 设置或返回窗口状态栏中的默认文本。
document 对 Document 对象的只读引用。请参阅 Document 对象。
history 对 History 对象的只读引用。请参数 History 对象。
innerheight 返回窗口的文档显示区的高度。
innerwidth 返回窗口的文档显示区的宽度。
length 设置或返回窗口中的框架数量。
location 用于窗口或框架的 Location 对象。请参阅 Location 对象。
name 设置或返回窗口的名称。
Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。
opener 返回对创建此窗口的窗口的引用。
outerheight 返回窗口的外部高度。
outerwidth 返回窗口的外部宽度。
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
parent 返回父窗口。
Screen 对 Screen 对象的只读引用。请参数 Screen 对象。
self 返回对当前窗口的引用。等价于 Window 属性。
status 设置窗口状态栏的文本。
top 返回最顶层的先辈窗口。
window window 属性等价于 self 属性,它包含了对窗口自身的引用。
screenLeft screenTop screenX screenY 只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。

windows对象方法

方法 描述
alert() 显示带有一段消息和一个确认按钮的警告框。
blur() 把键盘焦点从顶层窗口移开。
clearInterval() 取消由 setInterval() 设置的 timeout。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
close() 关闭浏览器窗口。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup() 创建一个 pop-up 窗口。
focus() 把键盘焦点给予一个窗口。
moveBy() 可相对窗口的当前坐标把它移动指定的像素。
moveTo() 把窗口的左上角移动到一个指定的坐标。
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
print() 打印当前窗口的内容。
prompt() 显示可提示用户输入的对话框。
resizeBy() 按照指定的像素调整窗口的大小。
resizeTo() 把窗口的大小调整到指定的宽度和高度。
scrollBy() 按照指定的像素值来滚动内容。
scrollTo() 把内容滚动到指定的坐标。
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。

不同的运行环境有不同的“顶层对象”,而在浏览器的环境中,顶层对象就是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。

Javascript 相关文章推荐
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
JS操作数据库的实例代码
Oct 17 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
jquery实现二级导航下拉菜单效果
Dec 18 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
jquery实现具有嵌套功能的选项卡
Feb 12 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
AngularJS路由切换实现方法分析
Mar 17 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
Windows下Node.js安装及环境配置方法
Sep 18 Javascript
layui use 定义js外部引用函数的方法
Sep 26 Javascript
Element Tooltip 文字提示的使用示例
Jul 26 Javascript
JavaScript字符串删除重复字符的方法
Dec 25 #Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 #Javascript
jquery实现图片预加载
Dec 25 #Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
Dec 25 #Javascript
使用堆实现Top K算法(JS实现)
Dec 25 #Javascript
原生js和jQuery实现淡入淡出轮播效果
Dec 25 #Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 #Javascript
You might like
修改了一个很不错的php验证码(支持中文)
2007/02/14 PHP
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
分享3个php获取日历的函数
2015/09/25 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
Mootools 1.2教程(2) DOM选择器
2009/09/14 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
2020/12/13 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
关于页面刷新vuex数据消失问题解决方案
2017/07/03 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
Vue性能优化的方法
2020/07/30 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python编写简单爬虫资料汇总
2016/03/22 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
Django文件上传与下载(FileFlid)
2019/10/06 Python
安装python及pycharm的教程图解
2019/10/10 Python
Flask框架路由和视图用法实例分析
2019/11/07 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
python中lower函数实现方法及用法讲解
2020/12/23 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
大学班级计划书
2014/04/29 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
家庭财产分割协议范文
2014/11/24 职场文书
企业百日安全活动总结
2015/05/07 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
浅谈Mysql多表连接查询的执行细节
2021/04/24 MySQL