首页 > 代码库 > Javascript学习--------详解window窗口对象
Javascript学习--------详解window窗口对象
对话框:
警告对话框:alert();
语法:window.alert(src)或者alert(src);
询问回答对话框:confirm();
语法:window.confrim(question)或者confrim(question);
单击确认,返回true;
单击取消,返回false
提示对话框:prompt();
语法:window.prompt([showtxt],[defaultTxt])或者prompt([showtxt],[defaultTxt]);
单击确认,返回输入的文本;
单击取消,返回null
注意:
对话框是由当前运行的页面弹出的,在对该对话框进行处理之前,不能对当前页面进行操作,并且其后面的代码也不会被执行。
窗口的打开与关闭:
打开窗口:
语法:windowVar = window.open(url,windowname[,location]);(window可以省略)
参数说明:windowVar :打开窗口的句柄。
如果open方法成功,则windowVar为一个window对象句柄;
如果失败,则为一个空值。
utl:目标窗口的URL。
如果为空值,则浏览器打开一个新的空白窗口,
可以是用write()方法创建动态的HTML。
windowname:window对象的名称。
该名称可以作为属性值在<a>和<form>标记的target属性中出现。
如果指定名称是一个已经存在的窗口名称,则返回对该窗口的引用,
而不会打开一个新的窗口。
location:对对话框属性进行设置。
设置的参数如下:
channelmode=yes|no|1|0 | 是否使用剧院模式显示窗口。默认为 no。 |
directories=yes|no|1|0 | 是否添加目录按钮。默认为 yes。 |
fullscreen=yes|no|1|0 | 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。 |
height=pixels | 窗口文档显示区的高度。以像素计。 |
left=pixels | 窗口的 x 坐标。以像素计。 |
location=yes|no|1|0 | 是否显示地址字段。默认是 yes。 |
menubar=yes|no|1|0 | 是否显示菜单栏。默认是 yes。 |
resizable=yes|no|1|0 | 窗口是否可调节尺寸。默认是 yes。 |
scrollbars=yes|no|1|0 | 是否显示滚动条。默认是 yes。 |
status=yes|no|1|0 | 是否添加状态栏。默认是 yes。 |
titlebar=yes|no|1|0 | 是否显示标题栏。默认是 yes。 |
toolbar=yes|no|1|0 | 是否显示浏览器的工具栏。默认是 yes。 |
top=pixels | 窗口的 y 坐标。 |
width=pixels | 窗口的文档显示区的宽度。以像素计。 |
关闭窗口:
语法:
关闭当前窗口:window.close();或者close();或者this.close();
关闭子窗口:windowVar.close();
windowVar为子窗口的句柄;
控制窗口:
移动窗口:
1.moveTo()方法:
语法:window.moveTo(x,y);
将窗口移至坐标x,y处。
2.moveBy()方法:
语法:window.moveBy(x,y);
将窗口移动指定位移量x,y。
这里可以通过使用focus()方法使窗口一直在最前。
<script type="text/javascript"> var my; function myWindow(){ my = open(‘‘,‘‘,‘width=200,height=100‘); my.document.write("this is my window"); } function moveDivto(){ my.moveTo(50,50); my.focus();//可以是窗口一直在最前 } function moveDivby(){ my.moveBy(50,50); my.focus(); } </script>
改变窗口大小:
1.resizeTo()方法:
语法:window.resizeTo(x,y);
将窗口宽高设置为x,y;
2.resizeBy()方法:
语法:window.resizeBy(x,y);
将窗口宽高缩小x,y;
窗口滚动:
1.scroll()方法
window对象中有三种方法可以用来实现窗口中的文档滚动:
scroll(x,y); 在Javascript 1.1中规定,文档滚动到指定的绝对位置
scrollTo(x,y); 在Javascript 1.2中规定,文档滚动到指定的绝对位置
scrollBy(x,y); 将文档滚动到相对位置上。
访问窗口历史:
history对象:
语法:[window.]history.property|method([parameters])
属性:length,current,next,previous
方法:back(),forward(),go()
控制窗口的状态栏:
1.status()方法:
语法:window.status = src;
2.defaultstatus()方法:
语法:window.defaultstatus =src;
上面两者的区别:
前者只在某一事件发生的瞬间显示。
后者会在任何时间显示。
窗口事件:
通用的窗口事件:
onfocus:当浏览器窗口获得焦点时触发,
onblur:当浏览器窗口失去焦点时触发,
onl oad:当文档完全载入窗口时触发,
onunoload:当文档未载入时触发,
onresize:当窗口大小改变时触发,
one rror:当出现Javascript错误时,触发一个错误处理事件
扩展窗口事件:
onafterprint:窗口被打印后触发;
onbeforeprint:窗口被打印或被打印预览之前触发;
onbeforeunload:窗口未被载入之前触发,发生于onunload事件之前
ondragdrop:文档被拖到窗口上是触发(仅仅适用于Netscape)
onhelp:按下帮助键时触发
onresizeend:调整大小的进程结束时触发
onresizestart:调整大小的进程开始时触发
onscroll:滚动条往任一方向滚动时触发。