`

window对象

阅读更多
引用
一 window属性

1、获得当前窗口的对象:window.frameElement

var frameObj = window.frameElement;

获得当前窗口的名字:frameObj.name

获得当前窗口的框架的数量:frameObj.length

获得当前窗口的框架灵数组:frameObj.frames 其本身也是一个对象,也具有length属性

2、获得当前窗口的历史列表

var historyObj = window.history;

history.length 当前浏览器访问过的页面的数量

history.back()   相当于“后退”按钮

history.forward() 相当于“前进”按钮

history.go()     页面 跳转,参数为正向后跳转,参数为负向前跳转,参数为0重新加载当前页面

3、获得某个窗口的URL信息 window.location

可以通过指定location 属性值将页面跳转至指定的地址

如果在本机,可以通过指定此属性的值为相对路径,跳转至另一个文件


4 获得打开窗口的原窗口或框架对象 opener

var openObj = window.opener;

openObj.length

openObj.name

openObj.frames

5 获得当前页面的父框架或窗口对象

var parentObj = window.parent;

parentObj.frames[下标]    parent.frames[框架名] 父框架所有的子框架

6 获得当前框架的最顶层窗口

var topObj = window.top;

7 窗口状态条信息

window.defaultStatus 默认显示的(即用户打开窗口时显示的)

window.status 动态显示

8、屏幕信息的获取

网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth (包括边线和滚动条的宽)”;
网页可见区域高: document.body.offsetHeight (包括边线的宽)”;
网页正文全文宽: document.body.scrollWidth;
网页正文全文高:document.body.scrollHeight;
网页被卷去的高(ff): document.body.scrollTop;
网页被卷去的高(ie):document.documentElement.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上:window.screenTop;
网页正文部分左:window.screenLeft;
屏幕分辨率的高:window.screen.height (常用)
屏幕分辨率的宽:window.screen.width    (常用)
屏幕可用工作区高度:window.screen.availHeight;
屏幕可用工作区宽度: window.screen.availWidth;
屏幕位彩色设置 window.screen.colorDepth

屏幕像素/英寸设置   window.screen.deviceXDPI

二 window方法

1 、消息框

window.alert()

2 、确认对话框

window.confirm()    确定按钮返回“true”,取消按钮返回“false”

3 、输入对话框

window.prompt("显示的提示信息","输入的默认值")

确定按钮:如果输入了值,则返回输入的信息;如果没有输入信息,也没有默认值,返回空串

取消按钮:返回null

4、打开一个新窗口

var win = window.open("url","winName","param");

url 目标窗口的URL地址

winName

(1)窗口名称

(2)内建名称:

_self   在提交表单最所使用的窗口打开目标文档

_parent 在显示当前文档的父窗口中打工文档

_blank 打开一个新窗口

_top 在当前窗口内打开目标文档,确保目标文档占用整个窗口

param :打开窗口的参数

(1)toolbar 是否显示工具栏   值为:yes/no    1/0

(2)location 窗口是否显示地址    值为:yes/no 1/0

(3)directories 窗口是否显示链接工具栏

(4)status 是否显示状态栏

(5)menubar 是否显示菜单栏

(6)scrollbars 是否显示滚动条

(7)resizable 窗口大小是否可改变

(8)top 窗口距屏幕顶端的位置 单位:像素

(9)left 窗口距屏幕左边的位置

(10)width 窗口的宽度

(11)height 窗口的高度

5、把焦点从窗口移开

window.blur()

6、让指定的窗口获得焦点

window.focus() 

7、关闭窗口

window.close()

8、延时

var timeID=window.setTimeout(funName,millisec)

funName 要执行的函数名

millisec 时间间隔

反复执行可以用递归,还可以用window的另一个方法

var timeID=window.setInterval("funName","millisec")

终止延时

window.clearTimeout(timeID)

其中timeID就是setTimeout的返回值

类似的还有clearTimeout(timeID)
分享到:
评论

相关推荐

    javascript window对象

    #### 二、Window对象的作用 `Window`对象在JavaScript中扮演着多重角色: - **全局命名空间**:所有的全局变量和函数都定义在这个对象上。 - **文档容器**:`Window`对象可以访问当前窗口中的文档对象(`document`...

    window对象--event对象详解

    Window对象在JavaScript中是浏览器全局对象,它代表了浏览器的一个窗口或者一个框架。在这个窗口中,我们可以执行脚本、操作DOM、以及处理用户与页面的交互。Event对象则是JavaScript事件处理中的核心,它包含了与...

    JS之WINDOW对象

    JavaScript中的WINDOW对象是JavaScript在浏览器环境中访问和操作浏览器窗口的核心对象。它包含了与浏览器窗口相关的所有属性和方法,使得开发者能够实现对窗口的各种控制,如打开新的窗口、更改窗口尺寸、滚动内容...

    什么是document对象?什么是window对象?.pdf

    document对象和window对象是JavaScript中最为重要的内置对象,它们是网页交互的核心。document对象代表了整个HTML文档,而window对象则代表了浏览器窗口本身。理解这两个对象可以帮助开发者实现动态网页内容的更新、...

    window对象的常用方法和作用

    【window对象】是JavaScript中的全局对象,它代表了浏览器的窗口。在JavaScript中,所有的全局变量和函数都是window对象的属性和方法。本篇将详细阐述window对象的一些常用方法及其作用。 1. **open方法** `window...

    JavaScript_之Window对象.doc

    JavaScript中的Window对象是全局对象,它是每个浏览器窗口的核心,提供了许多与浏览器窗口交互的方法和属性。这个对象在JavaScript中无处不在,因为它既是全局变量也是全局函数的容器。以下是Window对象的一些主要...

    JavaScript BOM操作 window对象的子级对象 示例代码

    window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window...

    JavaScript bom操作 window对象的方法 示例代码

    JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 ...

    window对象方法属性全解

    Window对象在Web开发中扮演着至关重要的角色,它是JavaScript中全局对象的一个实例,几乎所有的其他JavaScript对象都是Window对象的后代。了解并熟练掌握Window对象的方法和属性,可以帮助开发者编写出性能更高、更...

    Window对象---基础版

    Window对象 思维导图; 可以用MindManager 、XMind 、百度脑图打开;在这个的基础上面添加自己的理解,整理成自己的个人知识体系

    Excel窗口_Window对象_基本操作应用示例.pdf

    Excel窗口_Window对象_基本操作应用示例.pdf

    javascript Window对象

    ### JavaScript中的Window对象详解 #### 一、概述 在JavaScript中,`Window`对象是所有浏览器操作的基础。它是全局对象,也是顶级对象。通常我们提到的`window`就是指当前浏览器窗口。`Window`对象拥有许多属性和...

    java视屏\6.WEBBASIC\5.常用内置对象-下 、 外部对象概述 、 window对象.mp4

    java视屏\6.WEBBASIC\5.常用内置对象-下 、 外部对象概述 、 window对象.mp4

    函数和window对象

    同时,`window`对象是浏览器环境中全局作用域的基础,它代表了整个浏览器窗口。这篇博文可能深入探讨了这两者在实际应用中的结合与互动。 函数在JavaScript中扮演着多面手的角色。它们不仅可以执行特定任务,还可以...

    js_Window对象及方法

    "js_Window对象及方法" window 对象是客户端 JavaScript 最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到 BODY、FRAMESET 或 FRAME 元素时,都会自动建立 window 对象的实例。另外,该...

    jsWindow对象及方法.pdf

    根据提供的文件信息,这是一篇关于JavaScript中的window对象及其方法的文档。window对象是Web浏览器中的一个全局对象,它代表了浏览器窗口本身,是JavaScript中的最顶级对象。以下是关于window对象及其相关方法的...

    js学习之Window对象

    JavaScript中的Window对象是浏览器环境中最基础且至关重要的对象,它代表了浏览器的窗口,并提供了与用户交互、控制文档以及访问浏览器特性的接口。在本文中,我们将深入探讨Window对象的各种属性、方法和事件,以便...

    js关于document和window对象

    JS 中的 document 对象和 window 对象 在 JavaScript 中,document 对象和 window 对象是两个非常重要的对象,它们都是 Window 对象的属性,用于描述当前显示的文档和浏览器窗口。 document 对象 document 对象是...

    JavaScript的document和window对象详解

    ### JavaScript的document和window对象详解 #### Document对象 在JavaScript中,`document`对象是`window`和`frames`对象的一个属性,它表示显示在窗口或框架内的HTML文档。通过这个对象,开发者能够访问和操作...

Global site tag (gtag.js) - Google Analytics