微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

JavaScript中Window对象的属性及事件

分类：JavaScript作者：编程之家

Window 对象

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

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

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

windows对象属性

ottom: rgb(170,170,170) 1px solid; text-align: left; border-left: rgb(170,170) 1px solid; padding-bottom: 0px; widows: 1; text-transform: none; background-color: rgb(249,249,249); text-indent: 0px; margin: 10px 0px 0px; padding-left: 0px; width: 709px; letter-spacing: normal; padding-right: 0px; border-collapse: collapse; font: 12px Verdana,Arial,宋体; white-space: normal; color: rgb(0,0); border-top: rgb(170,170) 1px solid; border-right: rgb(170,170) 1px solid; word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px"> ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px">
ottom: rgb(170,170) 1px solid; padding-bottom: 5px; background-color: rgb(213,213,213); margin: 0px; padding-left: 6px; width: 155px; padding-right: 15px; vertical-align: baseline; border-top: rgb(170,170) 1px solid; padding-top: 5px">属性 ottom: rgb(170,213); margin: 0px; padding-left: 6px; padding-right: 15px; vertical-align: baseline; border-top: rgb(170,170) 1px solid; padding-top: 5px">描述 ottom: rgb(170,170) 1px solid; border-left: rgb(170,170) 1px solid; padding-bottom: 6px; background-color: rgb(239,239,239); margin: 0px; padding-left: 6px; padding-right: 15px; vertical-align: text-top; border-top: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">设置或返回窗口状态栏中的默认文本。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">返回窗口的文档显示区的宽度。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">lengthottom: rgb(170,170) 1px solid; padding-top: 6px">设置或返回窗口中的框架数量。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">对 Navigator 对象的只读引用。请参数。ottom: rgb(170,170) 1px solid; padding-top: 6px">返回对创建此窗口的窗口的引用。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">返回窗口的外部宽度。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">pageXOffsetottom: rgb(170,170) 1px solid; padding-top: 6px">设置或返回当前页面相对于窗口显示区左上角的 X 位置。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">pageYOffsetottom: rgb(170,170) 1px solid; padding-top: 6px">设置或返回当前页面相对于窗口显示区左上角的 Y 位置。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">parentottom: rgb(170,170) 1px solid; padding-top: 6px">返回父窗口。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">设置窗口状态栏的文本。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">

  • windows对象方法

    ottom: rgb(170,170) 1px solid; padding-top: 6px">显示带有一段消息和一个确认按钮的警告框。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">取消由 setInterval() 设置的 timeout。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">关闭浏览器窗口。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">创建一个 pop-up 窗口。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">可相对窗口的当前坐标把它移动指定的像素。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">打开一个新的浏览器窗口或查找一个已命名的窗口。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">显示可提示用户输入的对话框。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">把窗口的大小调整到指定的宽度和高度。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">把内容滚动到指定的坐标。ottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px"> ottom: rgb(170,170) 1px solid; padding-top: 6px">ottom: rgb(170,170) 1px solid; padding-top: 6px">在指定的毫秒数后调用函数或计算表达式。

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

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

    windows对象事件window对象属性window对象的属性

    相关推荐

    自定义web弹窗/层：简易风格的msg与可拖放的dialog，生成博客园文章目录弹窗
    前言 做过web项目开发的人对layer弹层组件肯定不陌生，作为layUI的一个重要组件，使用简单、接口参数丰富，功能健壮，深受广大开发者的喜爱，作为一个热（经）爱（常）工（划）作（水），喜欢钻研探索技术的程序员（狗），我们自己来实现一个web弹窗/层，一窥layer的本源（/手动滑稽脸），进步，从
    nice-validator表单验证插件的简单使用
    前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步，是数据安全的第一道关卡，虽然我们不能100%相信客户端提交的数据（真正的校验还得在服务端进行），但设置前端表单校验也是至关重要的，自己写逻辑代码一个一个表单字段去校验不现实，又不想自己造轮子，使用jquery插件是不错的选择，这里记录一下在
    基于“formData批量上传的多种实现” 的多图片预览、上传的多种实现
    前言 图片上传是web项目常见的需求，我基于之前的博客的代码（请戳：formData批量上传的多种实现）里的第三种方法实现多图片的预览、上传，并且支持三种方式添加图片到上传列表：选择图片、复制粘贴图片、鼠标拖拽图片，同时支持从上传列表中移除图片（点击“X”号） 效果演示 选择图片 页面操作 后台接参
    踹掉后端，前端导出Excel！
    前言 导出Excel文件这个功能，通常都是在后端实现返回前端一个下载链接，但有时候我们只想导出前端页面上已经有了的数据，不想再调后端导出接口浪费服务器资源，学习本文demo例子，我们踹掉后端，直接在前端导出Excel！ 代码实现 1、利用Blob对象构造一个a标签的href链接，从而实现文件下载，E
    Web Worker——js的多线程，实现统计博客园总阅读量、总评论量、总推荐量
    前言 众所周知，js是单线程的，从上往下，从左往右依次执行，当我们有耗时的任务需要处理时，便会阻塞线程造成页面卡顿等问题。web worker的目的，就是为JavaScript创造多线程环境，允许主线程将一些任务分配给子线程。在主线程运行的同时，子线程在后台运行，两者互不干扰。等到子线程完成计算任务
    select标签 禁止选择但又能通过序列化form表单传值到后台
    前言 项目开发中，我们可能会碰到这样的需求：select标签，禁止选择但又能通过序列化form表单传值到后台，但是当我们使用disabled="disabled"时发现，无法序列化form获取到select标签的值；当我们使用readonly="readonly&quo
    还在问跨域？本文记录js跨域的多种实现实例
    前言 众所周知，受浏览器同源策略的影响，产生了跨域问题，那么我们应该如何实现跨域呢？本文记录几种跨域的简单实现 前期准备 为了方便测试，我们启动两个服务，10086（就是在这篇博客自动生成的项目，请戳：SpringBoot系列——Spring-Data-JPA（究极进化版） 自动生成单表基础增、删、
    formData批量上传的多种实现
    前言 最近项目需要批量上传附件，查了下资料，网上很多但看着一脸懵，只贴部分代码，介绍也不详细，这里记录一下自己的采坑与多种实现，以免以后忘记。 这里先介绍下FormData对象，以下内容摘自：https://developer.mozilla.org/zh-CN/docs/Web/API/FormD
    laypage 物理分页与逻辑分页实例
    前言 以下介绍摘自 layui官网laypage layPage 致力于提供极致的分页逻辑，既可轻松胜任异步分页，也可作为页面刷新式分页。自 layui 2.0 开始，无论是从核心代码还是API设计，layPage 都完成了一次蜕变。清爽的UI、灵活的排版，极简的调用方式，这一切的优质元素
    乐观锁机制解决多层嵌套异步ajax问题
    前言 在项目中我们通常需要使用ajax异步嵌套去请求数据并做数据的展示，当我们多次快速的多次的发起ajax，因为ajax是异步的，每个ajax触发回调的时间都是不可控的，这样就会造成前面发起的ajax跟后面发起的ajax都有可能去修改同一个DOM，导致展示的数据顺序错乱或数据重复，我们希望DOM展示
    苹果市值2025年有望达4万亿美元
    pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot