一,Window对象概述:对游览器窗口的控制。window对象代表游览器打开的窗口。
二,Window对象的属性:
document-对话框中显示的当前文档
location-指定当前文档的URL
name-对话框的名字
status-状态栏中的当前信息
top-表示最顶层的游览器对话框
parent-表示包含当前对话框的父对话框
opener-表示打开当前对话框的父对话框
self-表示当前对话框
screen-表示用户屏幕,提供屏幕尺寸,颜色深度等信息
history-
navigator-表示游览器对象,用于获得与游览器相关的信息
三,Window对象的方法:
alert()-弹出一个警告对话框
confirm()-弹出一个确定对话框,对话框中显示指定字符串信息
prompt()-弹出一个提示对话框
open()-打开新游览器对话框并显示由URL或名字引用的文档,并设置创建对话框的属性
close()-关闭被引用的对话框
scrollTo()-把对话框滚动到指定的坐标
setTimeout(timer)-在指定的毫秒数过后,对传递的表达式求值
clearTimeout()-清除超时操作
setInterval(interval,毫秒-执行勒时间)-指定周期性执行代码
setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout()方法用于在指定的
毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式,
直到clearInterval把它清除。setTimeout()只执行一次,而setInterval可以多次调用。
moveTo(x,y)-将对话框移动到指定坐标处
resizeTo(x,y)-设置对话框的大小
resizeBy(x,y)-x,y大于0是放大,x,y小于0时缩小。
使用resizeTo()和resizeBy()方法可以调整浏览器窗口的大小。这两个方法都接受两个参数,
其中resizeTo()接受浏览器窗口新宽度和新高度,而resizeBy()接受新窗口与原窗口的宽度和高度只差。
print()-相当于游览器工具栏中的"打印"按钮
四,Window对象的使用:
Window对象可以直接调用其方法和属性。
语法格式:window.属性名 window.方法名(参数列表)
在实际应用中,JS允许使用一个字符串来给窗口命名,也可以使用一些关键字来代替莫些特定的窗口.
五,对话框
1,警告对话框
利用Window对象的alert()方法可以弹出一个警告框,并在警告框内显示提示的字符串文本。
语法: window.alert(str)
2,确认对话框
Window对象的confirm()方法用于弹出一个确定对话框。
语法格式: window.confirm(question-对话框中显示的纯文本)
有二个按钮,如果用户选确定按钮,返回true,取消按钮返回false。
3,提示对话框
利用Window.prompt()方法可以在游览器窗口中弹出一个提示框
语法格式: window.prompt(指定要被显示的信息,指定输入框的值)
六,打开窗口
打开窗口可以使用Window对象的open()方法,执行成功会返回窗口的句柄
语法格式: WindowVar=window.open(url-目标窗口的URL,windowname-window对象的名称[,location]);
注意:如果url为空,打开游览器会是一个空白窗口。windowname窗口名称如果存在,直接引用。
locationg打开窗口的参数,可以设置窗口的宽度高度以及是否显示滚动条等等。
七,关闭窗口(关闭当前窗口和子窗口二种操作)
1,关闭当前窗口
利用Window对象的close()方法可以实现关闭当前窗口的功能。
语法格式: window.close();
关闭窗口三种方式:
1.1,window.close();
1.2,close();
1.3,this.close();
2,关闭子窗口
在窗口创建时,将窗口句柄以变量的形式进行保存,然后通过close方法关闭创建的窗口。
语法格式: windowname.close();
八,控制窗口:
1,移动窗口
1.1,moveTo()方法:利用该方法可以将窗口移动到指定坐标(x,y)处
语法格式: window.moveTo(x,y)
1.2,resizeTo()方法:利用该方法可以将窗口改变成指定(x,y)大小
语法格式: window.resizeTo(x,y);
1.3,scree对象:是javascript中的屏幕对象,反应了当前用户的屏幕设置。
scree对象的属性:
1,width-用户整个屏幕的水平尺寸,以像素为单位。
2,height-用户整个屏幕的垂直尺寸,以像素为单位。
3,pixelDepth-显示器的每个像素的位数。
4,colorDepth-返回当前颜色设置所用的位数。
5,availWidth-返回窗口内容区域的水平尺寸,以像素为单位。
6,availHeight-返回窗口内容区域的垂直尺寸,以像素为单位。
2,窗口滚动
scroll(x,y)方法:利用该方法可以指定窗口的当前位置,从而实现窗口的滚动效果。
语法格式: window.scroll(x,y);
三种方法:
2.1,window.scroll(x,y)-滚动到绝对位置
2.2,window.scrollTo(x,y)-与scroll()方法一样,建议使用scrollTo()方法。
2.3,window.scrollBy(x,y)-滚动到指定相对位置
3,改变窗口大小
resizeBy(x,y)方法:利用该方法可以实现将窗口改变指定的大小(x,y),当x,y大于0时为扩大,小于0是2为缩小。
语法格式: window.resizeBy(x-放大或缩小的水平宽度,y-放大或缩小垂直水平高度);
4,控制窗口状态栏
4.1,status()方法:主要功能是获取或设置游览器窗口中状态栏的当前显示信息。
语法格式: window.status=str;
4.2,defaultstatus()方法:
语法格式: window.defaultstatue=str;
二者方法区别:defaultstatus()方法的值会在任何时间显示,而status()方法的值只在某个事件发生的瞬间显示。
5,访问窗口历史
history对象:利用该对象实现访问窗口历史,history对象是一个只读的URL字符串数组,该对象主要用来存储一个
最近所访问网页的URL地址的列表。
语法格式: window.history.property|method([parameters])-history后面调用的是属性或者方法
history的属性:
1,length-历史列表的长度,用于判断列表中的入口数目。
2,current-当前的文档
3,next-历史列表的下一个URL
4,previous-历史列表的前一个URL
history的方法:
1,back()-退回前一页
2,forward()-重新进入下一页
3,go()-进入指定的网页
6,设置超时
setTiemout(要执行的js代码,多少时间后执行该代码):用于设置一个超时,以便在超出这个时间后触发某
段代码的运行。
语法格式: window.setTimeout(js代码,time-以毫秒为单位);
在超时事件未执行前可以终止该超时设置,使用Window对象的clearTimeout()方法实现。
javaScript与jQuery中Window对象
最新推荐文章于 2024-04-12 03:03:32 发布
本文深入讲解JavaScript中的Window对象,包括其属性如document、location、screen等,方法如alert、confirm、prompt、open、close等,以及如何使用这些方法和属性控制浏览器窗口,如移动、关闭、调整大小和滚动。
781

被折叠的 条评论
为什么被折叠?



