window对象

Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。另外，该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成： document.write()。　在窗口中觖发本窗口对象的任何方法和属性时可以省去窗口的实例名称。例如给当前的myWin窗口设置status属性时，可以只用status而不用myWin.status。但是，在事件处理中调用location属性、close()方法或open()方法时必须使用实例名称。

window对象有以下方法：

open
close
alert
confirm
prompt
setTimeout
clearTimeout
setInterval
clearInterval
moveBy
moveTo
resizeBy
resizeTo
scrollBy
scrollTo
find
back
forward
home
stop
print
blur
focus
captureEvent
enableExternalCapture
disableExternalCapture
handleEvent
releaseEvent
routeEvent
scroll

　　1. open方法
　　语法格式：

window.open(URL,窗口名称,窗口风格)
　　功能：打开一个新的窗口，并在窗口中装载指定URL地址的网页。

　　说明：

open方法用于打开一个新的浏览器窗口，并在新窗口中装入一个指定的URL地址；
open方法在打开一个新的浏览器窗口时，还可以指定窗口的名称(第二个参数)；
open方法在打开一个新的浏览器窗口时，还可以指定窗口的风格(第三个参数)，

窗口风格有以下选项，这些选项可以多选，如果多选，各选项之间用逗号分隔：
toolbar：指定窗口是否有标准工具栏。当该选项的值为1或yes时，表示有标准工具栏，当该选项的值为0或no时，表示没有标准工具栏；
location：指定窗口是否有地址工具栏，选项的值及含义与toolbar相同；
directories：指定窗口是否有链接工具栏，选项的值及含义与toolbar相同；
status：指定窗口是否有状态栏，选项的值及含义与toolbar相同；
menubar：指定窗口是否有菜单，选项的值及含义与toolbar相同；
scrollbar：指定当前窗口文档大于窗口时是否有滚动条，选项的值及含义与toolbar相同；
resizable：指定窗口是否可改变大小，选项的值及含义与toolbar相同；
width：以像素为单位指定窗口的宽度，已被innerWidth取代；
height：以像素为单位指定窗口的高度，已被innerHeight取代；
outerWidth：以像素为单位指定窗口的外部宽度；
outerHeight：以像素为单位指定窗口的外部高度；
left：以像素为单位指定窗口距屏幕左边的位置；
top：以像素为单位指定窗口距屏幕顶端的位置；
alwaysLowered：指定窗口隐藏在所有窗口之后，选项的值及含义与toolbar相同；
alwaysRaised：指定窗口浮在所有窗口之上，选项的值及含义与toolbar相同；
dependent：指定打开的窗口为当前窗口的一个子窗口，并随着父窗口的关闭而关闭，选项的值及含义与toolbar相同；
hotkeys：在没有菜单栏的新窗口中设置安全退出的热键，选项的值及含义与toolbar相同；
innerHeight：设定窗口中文档的像素高度；
innerWidth：设定窗口中文档的像素宽度；
screenX：设定窗口距离屏幕左边界的像素长度；
screenY：设定窗口距离屏幕上边界的像素长度；
titleBar：指明标题栏是否在新窗口中可见，选项的值及含义与toolbar相同；
z-look：指明当窗口被激活时，不能浮在其它窗口之上，选项的值及含义与toolbar相同。

open方法返回的是该窗口的引用。

小技巧：该方法经常用于在打开一个网页时自动打开另一个窗口。

【1、最基本的弹出窗口代码】

对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面绝对路径(http://)或相对路径(.. /)

【2、经过设置后的弹出窗口】

可定制弹出的窗口的外观，尺寸大小，弹出的位置以适应页面的具体情况。

【3、用函数控制弹出窗口】

下面是一个完整的代码。
<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

//写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
...任意的页面内容...
</body>
</html>

调用：
<a href="#" onClick="openwin()">打开一个窗口 </a>注意：使用的“#”是虚连接。
【4、同时弹出2个窗口】

对源代码稍微改动一下：
<script LANGUAGE="JavaScript">

</script>

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。

【5、主窗口打开文件1.htm，同时弹出小窗口page.html】

如下代码加入主窗口<head>区：

//写成一行
window.document.write("<TITLE>例子</TITLE>")
window.document.write("<BODY BGCOLOR=#ffffff>")
window.document.write("<h1>Hello!</h1>")
window.document.write("New window opened!")
window.document.write("</BODY>")
window.document.write("</HTML>")
window.document.close()
}
</SCRIPT>
</head>
<body>
打开一个窗口
<input type="button" onclick="openwin()" value="打开窗口">
</body>
</html>

【6、终极应用--弹出的窗口之Cookie控制】

function loadpopup(){
if (get_cookie('popped')==''){
openwin()
document.cookie="popped=yes"
}
}

</script>

2. close方法
语法格式：

window.close()
功能：close方法用于自动关闭浏览器窗口。

//window.opener=null//关闭提示

//window.close()

//通过子窗体关闭父窗体

//window.opener.top.opener=null;

//window.opener.top.close()

3. alert方法
语法格式：

window.alert(提示字符串)
功能：弹出一个警告框，在警告框内显示提示字符串文本。

4. confirm方法
语法格式：

window.confirm(提示字符串)
功能：显示一个确认框，在确认框内显示提示字符串，当用户单击“确定”按钮

时该方法返回true，单击“取消”时返回false。

//var bl=window.confirm('要关闭窗口么？')

5. prompt方法
语法格式：

window.prompt(提示字符串，缺省文本)
功能：显示一个输入框，在输入框内显示提示字符串，在输入文本框显示缺省文

本，并等待用户输入，当用户单击“确定”按钮时，返回用户输入的字符串，当

单击“取消”按钮时，返回null值。

var bl=window.prompt('请输入。。')

document.write(bl)

6. setTimeout方法
语法格式：

window.setTimeout(代码字符表达式,毫秒数)
功能：定时设置，当到了指定的毫秒数后，自动执行代码字符表达式。

window.setTimeout("hello()",5000);

7. clearTimeout方法
语法格式：

window.clearTimeout(定时器)
功能：取消以前的定时设置，其中的参数是用setTimeout设置时的返回值。

function hello(){
alert("hello");
}
var id=window.setTimeout(hello,5000);
document.onclick=function(){
window.clearTimeout(id);
}

8. setInterval方法
语法格式：

window.setInterval(代码字符表达式,毫秒数)
功能：设定一个时间间隔后(第二个参数)，反复执行“代码字符表达式”的内容

id=window.setInterval(tip,10);

9. clearInterval方法
语法格式：

window.clearInterval(时间间隔器)
功能：取消setInterval设置的定时。其中的参数是setInterval方法的返回值。

window.clearInterval(id);

10. moveBy方法
语法格式：

window.moveBy(水平位移量,垂直位移量)
功能：按照给定像素参数移动指定窗口。第一个参数是窗口水平移动的像素，第

二个参数是窗口垂直移动的像素。

window.moveBy(200,200)

11.moveTo方法
语法格式：

window.moveTo(x,y)
功能：将窗口移动到指定的指定坐标(x,y)处。

window.moveTo(200,200)

12. resizeBy方法
语法格式：

window.resizeBy(水平,垂直)
功能：将当前窗口改变指定的大小(x,y)，当x、y的值大于0时为扩大，小于0时

为缩小。

window. resizeBy (-200,-200)

13. resizeTo方法
语法格式：

window.resizeTo(水平宽度,垂直宽度)
功能：将当前窗口改变成(x,y)大小，x、y分别为宽度和高度。

window. resizeTo (600,600)

14. scrollBy方法
语法格式：

window.scrollBy(水平位移量，垂直位移量)
功能：将窗口中的内容按给定的位移量滚动。参数为正数时，正向滚动，否则反

向滚动。

15. scrollTo方法
语法格式：

window.scrollTo(x,y)
功能：将窗口中的内容滚动到指定位置。

16.find方法
语法格式：

window.find()
功能：当触发该方法时，将弹出一个“find”(查找)对话窗口，并允许用户在触

发find方法的页面中查找一个字符串。

注：该属性在IE5.5及Netscape6.0中都不支持。

17. back方法
语法格式：

window.back()
功能：模拟用户点击浏览器上的“后退”按钮，将页面转到浏览器的上一页。

说明：仅当当前页面存在上一页时才能进行该操作。

注：IE5.5不支持该方法，Netscape6.0支持。

18. forward方法
语法格式：

window.forward()
功能：模拟用户点击浏览器上的“前进”按钮，将页面转到浏览器的下一页。

说明：仅当当前页面存在下一页时才能进行该操作。

注：IE5.5不支持该方法，Netscape6.0支持。

19. home方法
语法格式：

window.home()
功能：模拟用户点击浏览器上的“主页”按钮，将页面转到指定的页面上。

注：IE5.5不支持该方法，Netscape6.0支持。

20. stop方法
语法格式：

window.stop()
功能：模拟用户点击浏览器上的“停止”按钮，终止浏览器的下载操作。

注：IE5.5不支持该方法，Netscape6.0支持。

21. print方法
语法格式：

window.print()
功能：模拟用户点击浏览器上的“打印”按钮，通知浏览器打开打印对话框打印

当前页。

22. blur方法
语法格式：

window.blur()
功能：从窗口中移出焦点。当与focus方法合用时必须小心，因为可能导致焦点

不断移进移出。让window失去焦点，可以起到隐藏窗口的作用在IE下可以用在FireFox下不能用

23. focus方法
语法格式：

window.focus()
功能：使窗口中得到焦点。当与blur方法合用时必须小心，因为可能导致焦点不断移进移出。

24. captureEvent方法（仅适用于Netscape Navigator 4以上）
语法格式：

window.captureEvent(Event)
window.captureEvent(事件1|事件2|...|事件n)
功能：捕捉指定参数的所有事件。由于能够捕获哪些由本地程序自己处理的事件，所以程序员可以随意定义函数来处理事件。如果有多个事件需要捕捉，各事件之间用管道符“|”隔开。可捕捉的事件类型如下：

Event.ABORT

Event.BLUR

Event.CHANGE

Event.CLICK

Event.DBLCLICK

Event.DRAGDROP

Event.ERROR

Event.FOCUS

Event.KEYDOWN

Event.KEYPRESS

Event.KEYUP

Event.LOAD

Event.MOUSEDOWN

Event.MOUSUEMOVE

Event.MOUSEOUT

Event.MOUSEOVER

Event.MOUSEUP

Event.MOVE

Event.RESET

Event.RESIZE

Event.SELECT

Event.SUBMIT

Event.UNLOAD

window.captureEvent(Event.MOUSEDOWN);

function handle(evnt)
{
alert("message");
}
window.onMouseDown=handle;

25. enableExternalCapture事件
语法格式：

window.enableExternalCapture(event)
功能：enableExternalCapture方法用于捕捉通过参数传入的外部事件。

26. disableExternalCapture事件
语法格式：

window.disableExternalCapture()
功能：取消enableExternalCapture方法的设置，终止对外部事件的捕捉。

27. handleEvent事件
语法格式：

window.handleEvent(event)
功能：触发指定事件的事件处理器。

28. releaseEvent事件
语法格式：

window.releaseEvent(event)
window.releaseEvent(事件1|事件2|...|事件n)
功能：释放通过参数传入的已被捕捉的事件，这些事件是由

window.captureEvent方法设置的，可释放的事件与captureEvent相同。

29. routeEvent事件（往下传递）
语法格式：

window.releaseEvent(event)
功能：把被捕捉类型的所有事件转交给标准事件处理方法进行处理，可转交的事

件与captureEvent相同。

30 scroll事件
语法格式：

window.scroll(X坐标,Y坐标)
功能：将窗口移动到指定的坐标位置。

IE 中EVENT事件：

对象

dataTransfer 提供了对于预定义的剪贴板格式的访问，以便在拖曳操作中使用。

集合

bookmarks 返回捆绑到当前事件所影响的行上的 ActiveX® 数据对象(ADO)书签的集合。（ASP）

boundElements 返回页面上所有绑定到给定数据集的所有元素的集合。（ASP）

JavaScript properties and JavaScript methods：
item(), length, namedItem(), tags(), urns()

function test(value) {

//var d=document.getElementById("mySource").value;

event.dataTransfer.setData("TEXT",value)

//alert(event.dataTransfer.getData('TEXT'))

var span1=document.getElementById("s1")

s1.innerText= event.dataTransfer.getData('TEXT')

}

</script>

<BODY>

<br/>

<SPAN id="s1">Drop Destination</SPAN>

</BODY>

属性

altKey 设置或获取 Alt 键的状态。 true|false|1|0

ctrlKey 设置或获取 Ctrl 键的状态。

altLeft 设置或获取左 Alt 键的状态。

ctrlLeft 设置或获取左 Ctrl 键的状态。

shiftKey 设置或获取 Shift 键的状态。

shiftLeft 设置或获取左 Shift 键的状态。

<SCRIPT LANGUAGE="JScript">
function cancelLink() {
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;
}
</SCRIPT>
<BODY onclick="cancelLink()">

button 检查按下的鼠标键。

语法：
event.button

可能的值：
0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键

这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件，不管鼠标状态如何，都返回 0（比如onclick）。

<script language="JavaScript">
    function function1() {
        var m = window.event.button;
        if (m == 1) {
            alert("The left button has been pressed");
        } else if (m == 2) {
            alert("The right button has been pressed");
        }
    }
</script>
<div style="width:200;
            height:200;
            background-color:blue;"
     onmousedown="function1();">
Press on mouse while on top of this blue box.
</div>

cancelBubble 设置或获取当前事件是否要在事件句柄中向上冒泡。

检测是否接受上层元素的事件的控制。

语法：
event.cancelBubble[ = cancelBubble](bool)

TRUE 不被上层原素的事件控制。
FALSE 允许被上层元素的事件控制。默认。

当在图片上点击（onclick）时，如果同时shift键也被按下，就取消上层元素（body）上的事件onclick所引发的showSrc()函数。

<SCRIPT LANGUAGE="JScript">
function checkCancel() {
if (window.event.shiftKey)
window.event.cancelBubble = true;
}
function showSrc() {
if (window.event.srcElement.tagName == "IMG")
alert(window.event.srcElement.src);
}
</SCRIPT>
<BODY onclick="showSrc()">
<IMG onclick="checkCancel()" SRC="imgs/1.gpg">

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。只读属性

clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。只读属性

offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。

offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。

x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。

y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。

screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。

screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。

fromElement 设置或获取事件发生时激活或鼠标将要离开的对象。

toElement 设置或获取用户要将鼠标指针移动指向的对象的引用。

<SCRIPT>
function testMouse(oObject) {
if(oObject.contains(event.toElement)) {
alert("mouse arrived");
}
}
</SCRIPT>
<BUTTON ID=oButton onmouseover="testMouse(this)">Mouse Over This.</BUTTON>

keyCode 设置或获取与导致事件的按键关联的 Unicode 按键代码。

Used with the onKeyDown, onKeyUp, and onKeyPress events

onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。大小写
onkeyup 是在用户放开任何先前按下的键盘键时发生。
onkeydown 是在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。大写

<html>
<body>
<script language="JavaScript">
    function function1() {
        x = event.keyCode; alert("Unicode Value: "+x);
    }
    function function2() {
        x = event.keyCode; alert("Keyboard Value: "+x);
    }
</script>
<p>Press Any Key While The Browser is in Focus</p>
<body onKeyDown="function2();" onKeyPress="function1();">
</body>
</html>

propertyName 设置或获取对象上发生更改的属性名称。

<HEAD>
<SCRIPT>
function changeProp()
{
btnProp.value = "This is the new VALUE";
}

function changeCSSProp()
{
btnStyleProp.style.backgroundColor = "aqua";
}
</SCRIPT>
</HEAD>
<BODY>
<P>The event object property propertyName is
used here to return which property has been
altered.</P>

<INPUT TYPE=button ID=btnProp onclick="changeProp()"
VALUE="Click to change the VALUE property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
<INPUT TYPE=button ID=btnStyleProp
onclick="changeCSSProp()"
VALUE="Click to change the CSS backgroundColor property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
</BODY>

returnValue 设置或获取事件的返回值。

srcElement 设置或获取触发事件的对象。

<script language="JavaScript">
    function function1() {
        alert(window.event.srcElement.id);
    }
</script>
<body id="myBody" onclick="function1();">
<button id="myButton1" onclick="function1();">Button One</button>
<button id="myButton2" onclick="function1();">Button Two</button>

srcFilter 设置或获取触发 onfilterchange 事件的滤镜对象。

RevealTrans 滤镜有两个参数,三个方法: apply, play和stop
Duration为切换时间，以秒为单位
Transition为切换方式，有24种效果

1．混合效果代码如下：
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
2．盒状收缩效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
3．盒状放射效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
4．圆形收缩效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
5．圆形放射效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
6．向上擦除效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
7．向下擦除效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
8．向右擦除效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
9．向左擦除效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
10．垂直遮蔽效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
11．水平遮蔽效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
12．横向棋盘式效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
13．纵向棋盘式效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
14．随即分解效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
15．左右向中央缩进效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
16．中央向左右扩展效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
17．上下向中央缩进效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
18．中央向上下扩展效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
19．从左下抽出效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
20．从左上抽出效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
21．从右下抽出效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
22．从右上抽出效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
23．随机水平线条效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
24．随机垂直线条效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
25．随机效果代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">

<html>

<head>

function function1() {

Layer1.filters[0].Apply();

if (Layer1.style.visibility == "visible") {

Layer1.style.visibility = "hidden";

Layer1.filters.revealTrans.transition = 2;

} else {

Layer1.style.visibility = "visible";

Layer1.filters.revealTrans.transition = 3;

}

Layer1.filters[0].Play();

//var m = window.event.srcFilter;

//alert(m);

}

</script></head>

<div id="Layer1"

style="position:absolute;

visibility:visible;

Filter:revealTrans(duration=2, transition=3);

left:92px;

top:257px;

width:100px;

background-color:#FFFF99;">

</div>

</body>

</html>

type 从 event 对象中获取事件名称。

注：fromElement 和 toElement 属性仅当处理 onmouseover 和 onmouseout 事件时有意义。

剪贴板：

function copyToClipboard()

{

var d=document.all("source").value;//1 var e=document.getElementById("source") 2.var vl=e.value

window.clipboardData.setData('text', d); // 剪贴板

}

</script>

<br>

window对象具有如下属性：

status

statusbar

statusbar.visible

defaultstatus

location

locationbar

locationbar.visible

self

name

closed

frames

frames.length

length

document

history

innerHeight

innerWidth

menubar

menubar.visible

opener

outerHeight

outerWidth

pageXOffset

pageYOffset

parent

personalbar

personalbar.visible

scrollbar

scrollbar.visible

toolbar

toolbar.visible

top

1. status属性
语法格式：

window.status=字符串
功能：设置或给出浏览器窗口中状态栏的当前显示信息。

小技巧：可以使用该属性设置浏览器窗口状态栏信息。

2. statusbar属性
语法格式：

window.statusbar.属性
功能：statusbar属性本身也是一个对象，用于访问它自已的visible属性从而确

定状态栏是否可见。

注：IE5.5浏览器不支持该属性。

3. statusbar.visible属性
语法格式：

window.statusbar.visible
功能：检查状态栏是否可见，如果可见则返回true，反之返回false。

注：IE5.5浏览器不支持该属性。

4. defaultstatus属性
语法格式：

window.defaultstatus[=字符串]
功能：defaultstatus属性值是浏览器窗中状态栏的默认显示信息。

5.location属性
语法格式：

window.location=URL
功能：给出当前窗口的URL信息或指定打开窗口的URL。

6. locationbar属性
语法格式：

window.locationbar.属性
功能：locationbar属性也可以看成是一个子对象，这个属性用来获取它自已的

visible属性来确定位置栏是否可见。

到目前为止，该属性只有一个子属性：visible。

注：IE5.5不支持该属性。

7. locationbar.visible属性
语法格式：

window.locationbar.visible
功能：返回位置栏是否可见，如果可见返回true，反之返回false。

注：IE5.5不支持该属性。

8. self属性
语法格式：

window.self.方法
window.self.属性
功能：该属性包含当前窗口的标志，利用这个属性，可以保证在多个窗口被打开

的情况下，正确调用当前窗口内的函数或属性而不会发生混乱。

9. name属性
语法格式：

window.name=名称
功能：返回窗口名称，这个名称是由window.open()方法创建新窗口时给定的。

在javascript1.0版本中，这个属性只能用于读取窗口名称，而到了

javascript1.1版本时，可以用这个属性给一个不是用window.open()方法创建的

窗口指定一个名称。

10. closed属性
语法格式：

window.closed
功能：closed属性用于返回指定窗口的实例是否已经关闭，如果关闭，返回true

，反之返回flase。

11. frames属性
语法格式：

window.frames["框架名称"]
window.frames[数值]
功能：frames属性是一个数组，用来存储文档中每一个由元素创建的子窗口(框

架)实例，其中的下标即可以是次序号也可以是用FRAME元素的NAME属性指定的名

称来得到并使用。

12. frames.length属性
语法格式：

window.frames.length
功能：frames.length属性用于给出文档中子窗口(框架)实例的个数。

13. length属性
语法格式：

window.length
功能：length属性返回一个窗口内的子窗口数目，该属性与

window.frame.length属性的值相同。

14. document属性
语法格式：

window.document.事件
window.document.方法
window.document.属性
功能：window对象的子对象document是javascript的核心对象，在脚本中遇到

BODY元素时创建一个实例。

15. history属性
语法格式：

window.history[数值]
window.history.方法()
window.history.属性
window对象的子对象history是javascript的核心对象之一，该属性包含了一个

已访问过页面的名称和URL的数组。

16. innerHeight属性
语法格式：

window.innerHeight=数值
功能：返回或指定浏览器窗口中文档的像素高度，这个高度不包括任何工具栏和

组成窗口的页面修饰高度。

注：IE5.5不支持该属性。

17. innerWidth属性
语法格式：

window.innerHeight=数值
功能：返回或指定浏览器窗口中文档的像素宽度，这个宽度不包括任何工具栏和

组成窗口的页面修饰宽度。

注：IE5.5不支持该属性。

18. menubar属性
语法格式：

window.menubar.属性
功能：menubar属性也可以看成是一个子对象，这个属性用来获取它自已的

visible属性来确定菜单栏是否可见。

到目前为止，该属性只有一个子属性：visible。

注：IE5.5不支持该属性。

19. menubar.visible属性
语法格式：

window.menubar.visible
功能：menubar.visible属性用于返回菜单栏是否可见，如果可见返回true，反

之返回false。

注：IE5.5不支持该属性。

20. opener属性
语法格式：

window.opener
window.opener.方法
window.opener.属性
功能：opener属性与打开该窗口的父窗口相联系，当访问子窗口中operer属性时

，返回的是父窗口。通过该属性，可以使用父窗口对象中的方法和属性。

21. outerHeight属性
语法格式：

window.outerHeight
功能：outerHeight属性用于访问浏览器窗口的像素高度，该高度包括工具栏和

装饰边的高度。

注：IE5.5不支持该属性。

22. outerWidth属性
语法格式：

window.outerWidth
功能：outerWidth属性用于访问浏览器窗口的像素宽度，该宽度包括工具栏和装

饰边的宽度。

注：IE5.5不支持该属性。

23. pageXOffset属性
语法格式：

window.pageXOffset=数值
功能：指定浏览器窗口中文档左上角在窗口中的当前水平像素位置。在利用

moveTo移动之前，可以通过该属性来决定是否需要移动窗口。因为该属性返回了

可见文档相对整个页面的当前位置。

注：IE5.5不支持该属性。

24. pageYOffset属性
语法格式：

window.pageYOffset=数值
功能：指定浏览器窗口中文档左上角在窗口中的当前垂直像素位置。在利用

moveTo移动之前，可以通过该属性来决定是否需要移动窗口。因为该属性返回了

可见文档相对整个页面的当前位置。

注：IE5.5不支持该属性。

25. parent属性
语法格式：

window.parent.frames[数值]
window.parent.framesName
功能：访问各个子窗口(多框架)所在的父窗口。

26. personalbar属性
语法格式：

window.personalbar.属性
功能：personalbar属性本身也是一个对象，用于访问其自身的visible属性来确

定个人栏是否可见。

注：IE5.5不支持该属性。

27. personalbar.visible属性
语法格式：

window.personalbar.visible
功能：确定个人栏是否可见，如果可见则返回true，反之返回false。

注：IE5.5不支持该属性。

28. scrollbars属性
语法格式：

window.scrollbars.属性
功能：scrollbars属性本身也是一个对象，用于访问其自身的visible属性来确

定滚动栏是否可见。

注：IE5.5不支持该属性。

29. scrollbars.visible属性
语法格式：

window.scrollbars.visible
功能：scrollbars.visible用于确定滚动栏是否可见，如果可见则返回true，反

之返回false。

注：IE5.5不支持该属性。

30. toolbar属性
语法格式：

window.toolbar.属性
功能：toolbar属性本身也是一个对象，用于访问它自已的visible属性从而确定

工具栏是否可见。

注：IE5.5不支持该属性。

31. toolbar.visible属性
语法格式：

window.toolbar.visible
功能：toolbar.visible属性用于检查工具栏是否可见，如果可见则返回true，

反之返回false。

注：IE5.5不支持该属性。

32. top属性
语法格式：

window.top.frames[数值]
window.top.frameName
window.top.方法()
window.top.属性
功能：window对象的top属性用于包含所有装入浏览器的子窗口(多框架)的最顶层窗口的信息。

posted @ 2009-01-05 10:24 猪鼻驴耳阅读(738) 评论(0) 收藏举报

刷新页面返回顶部

ysen

window对象

对象

dataTransfer 提供了对于预定义的剪贴板格式的访问，以便在拖曳操作中使用。

集合

bookmarks 返回捆绑到当前事件所影响的行上的 ActiveX® 数据对象(ADO)书签的集合。（ASP）

boundElements 返回页面上所有绑定到给定数据集的所有元素的集合。 （ASP）

JavaScript properties and JavaScript methods： item(), length, namedItem(), tags(), urns()

属性

altKey 设置或获取 Alt 键的状态。 true|false|1|0

ctrlKey 设置或获取 Ctrl 键的状态。

altLeft 设置或获取左 Alt 键的状态。

ctrlLeft 设置或获取左 Ctrl 键的状态。

shiftKey 设置或获取 Shift 键的状态。

shiftLeft 设置或获取左 Shift 键的状态。

<SCRIPT LANGUAGE="JScript"> function cancelLink() { if (window.event.srcElement.tagName == "A" && window.event.shiftKey) window.event.returnValue = false; } </SCRIPT> <BODY onclick="cancelLink()">

button 检查按下的鼠标键。

语法： event.button

可能的值： 0 没按键 1 按左键 2 按右键 3 按左右键 4 按中间键 5 按左键和中间键 6 按右键和中间键 7 按所有的键

这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件，不管鼠标状态如何，都返回 0（比如onclick）。

cancelBubble 设置或获取当前事件是否要在事件句柄中向上冒泡。

语法： event.cancelBubble[ = cancelBubble](bool)

TRUE 不被上层原素的事件控制。 FALSE 允许被上层元素的事件控制。默认。

当在图片上点击（onclick）时，如果同时shift键也被按下，就取消上层元素（body）上的事件onclick所引发的showSrc()函数。

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。只读属性

clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。只读属性

offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。

offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。

x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。

y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。

screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。

screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。

fromElement 设置或获取事件发生时激活或鼠标将要离开的对象。

toElement 设置或获取用户要将鼠标指针移动指向的对象的引用。

keyCode 设置或获取与导致事件的按键关联的 Unicode 按键代码。

Used with the onKeyDown, onKeyUp, and onKeyPress events

propertyName 设置或获取对象上发生更改的属性名称。

<HEAD> <SCRIPT> function changeProp() { btnProp.value = "This is the new VALUE"; }

function changeCSSProp() { btnStyleProp.style.backgroundColor = "aqua"; } </SCRIPT> </HEAD> <BODY> <P>The event object property propertyName is used here to return which property has been altered.</P>

returnValue 设置或获取事件的返回值。

srcElement 设置或获取触发事件的对象。

<script language="JavaScript"> function function1() { alert(window.event.srcElement.id); } </script> <body id="myBody" onclick="function1();"> <button id="myButton1" onclick="function1();">Button One</button> <button id="myButton2" onclick="function1();">Button Two</button>

srcFilter 设置或获取触发 onfilterchange 事件的滤镜对象。

RevealTrans 滤镜有两个参数,三个方法: apply, play和stop Duration为切换时间，以秒为单位 Transition为切换方式，有24种效果

type 从 event 对象中获取事件名称。

公告

boundElements 返回页面上所有绑定到给定数据集的所有元素的集合。（ASP）

JavaScript properties and JavaScript methods：
item(), length, namedItem(), tags(), urns()

<SCRIPT LANGUAGE="JScript">
function cancelLink() {
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;
}
</SCRIPT>
<BODY onclick="cancelLink()">

语法：
event.button

可能的值：
0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键

语法：
event.cancelBubble[ = cancelBubble](bool)

TRUE 不被上层原素的事件控制。
FALSE 允许被上层元素的事件控制。默认。

<HEAD>
<SCRIPT>
function changeProp()
{
btnProp.value = "This is the new VALUE";
}

function changeCSSProp()
{
btnStyleProp.style.backgroundColor = "aqua";
}
</SCRIPT>
</HEAD>
<BODY>
<P>The event object property propertyName is
used here to return which property has been
altered.</P>

<script language="JavaScript">
function function1() {
alert(window.event.srcElement.id);
}
</script>
<body id="myBody" onclick="function1();">
<button id="myButton1" onclick="function1();">Button One</button>
<button id="myButton2" onclick="function1();">Button Two</button>

RevealTrans 滤镜有两个参数,三个方法: apply, play和stop
Duration为切换时间，以秒为单位
Transition为切换方式，有24种效果