Js window对象
来源:互联网 发布:移动数据老是自动打开 编辑:程序博客网 时间:2024/06/06 07:12
JS的window对象
- 窗口对象的属性和方法:
格式:
[window.]属性
[window.]方法(参数)
opener.属性
opener.方法(参数)
self.属性
self.方法(参数)
parent.属性
parent.方法(参数)
top.属性
top.方法(参数)
窗口名称.属性
窗口名称.方法(参数)
- 窗口对象的属性:
document当前文件的信息location当前URL的信息name窗口名称status状态栏的临时信息defaultStatus状态栏默认信息history该窗口最近查阅过的网页closed判断窗口是否关闭,返回布尔值opneropen方法打开的窗口的源窗口outerHeight窗口边界的垂直尺寸,pxouterWidth窗口边界的水平尺寸,pxpageXOffset网页x-position的位置pageYOffset网页y-position的位置innerHeight窗口内容区的垂直尺寸,pxinnerWidth窗口内容区的水平尺寸,pxscreenX窗口左边界的X坐标screenY窗口上边界的Y坐标self当前窗口top最上方的窗口parent当前窗口或框架的框架组frames对应到窗口中的框架length框架的个数locationbar浏览器地址栏menubar浏览器菜单栏scrollbars浏览器滚动条statusbar浏览器状态栏toolbar浏览器工具栏offscreenBuffering是否更新窗口外的区域personalbars浏览器的个人工具栏,仅Navigator
- 窗口对象的方法:
focus()焦点移到该窗口blur()窗口转成背景stop()停止加载网页close()
enableExternalCapture()允许有框架的窗口获取事件disableExternalCapture()关闭enableExternalCapture()captureEvents(事件类型)捕捉窗口的特定事件routeEvent(事件)传送已捕捉的事件handleEvent(事件)使特定事件的处理生效releaseEvents(事件类型)释放已获取的事件moveBy(水平点数,垂直点数)相对定位moveTo(x坐标,y坐标)绝对定位setResizable(true|false)是否允许调整窗口大小resizeBy(水平点数,垂直点数)相对调整窗口大小resizeTo(宽度,高度)绝对调整窗口大小scroll(x坐标,y坐标)绝对滚动窗口scrollBy(水平点数,垂直点数)相对滚动窗口scrollTo(x坐标,y坐标)绝对滚动窗口setInterval(表达式,毫秒)
setTimeout(表达式,毫秒)
clearInterval(定时器对象)
clearTimeout(定时器对象)
home()进入浏览器设置的主页find([字串[,caseSensitivr,backward]])查找窗口中特定的字串print()
setHotKeys(true|false)激活或关闭组合键setZOptions()设置窗口重叠时的堆栈顺序
- 窗口对象的事件处理程序:
onBlur onDragDrop onError onFocus onLoad onMove onResize onUnload
例1:
<scrīpt>
function checkPassword(testObject) {
if (testObject.value.length < 4) {
alert("密码长度不得小于四");
testObject.focus();
testObject.select();
}
}
</scrīpt>
请输入密码:
<INPUT TYPE="text" >
例2:
<scrīpt>
if (confirm("你满十八岁了吗?"))
location = "adult.htm";
else
alert("等你成年以後再来吧!");
</scrīpt>
例3:
<scrīpt>
var bgColor =
prompt("你喜欢哪一种底色:/n浅蓝色请按1,粉红色请按2",1)
if (bgColor == 1) document.bgColor = "#CCFFFF";
else if (bgColor == 2) document.bgColor = "#FFCCFF";
else document.bgColor = "#FFFFFF";
</scrīpt>
例4:
<scrīpt>
function grow() {
resizeBy(0, 50);
}
function shrink() {
resizeBy(0, -50);
}
</scrīpt>
<Body >
将视窗放大与缩小
</Body>
例5:
<scrīpt>
function scrollIt() {
for (y=1; y<=2000; y++) {
scrollTo(1,y);
}
}
</scrīpt>
<Body ōnDblClick=scrollIt()>
双击鼠标,画面会自动卷动...
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
... The End ...
</Body>
- open方法的窗口规格参数:(yes/no,1/0)
格式:[var 新窗口对象名=]window.open("url","windowName","windowFeature") alwaysLowered是否将窗口显示的堆栈后推一层alwaysRaised是否将窗口显示的堆栈上推一层dependent是否将该窗口与当前窗口产生依存关系fullscreen是否满屏显示directories是否显示连接工具栏location是否显示网址工具栏menubar是否显示菜单工具栏scrollbars是否显示滚动条status是否显示状态栏titlebar是否显示标题栏toolbar是否显示标准工具栏resizable是否可以改变窗口的大小screenX窗口左边界距离screenY窗口上边界距离top窗口上边界width窗口宽度height窗口高度left窗口左边界outerHeight窗口外边界的高度personalbar是否显示个人工具栏
注释:open("","","menubar")
open("","","menubar=1")
open("","","menubar=yes")
例1:
<scrīpt>
document.write ("文哥网络技术学习网");
open ('1.htm','','height=100,width=300');
</scrīpt>
<!-------- 1.htm -------->
<TITLE>欢迎光临</TITLE>
<BODY >
<IMG SRC="images/welcome.gif" ALIGN="left">
<CENTER>
<FONT COLOR="blue" SIZE="5">欢迎光临</FONT><BR>
这是一个技术研习的小天地<BR>
</CENTER>
</BODY>
例2:
<scrīpt>
document.write("文哥网络技术学习网")
helloWin = open ('1.htm','','height=100,width=300');
var line1 = "<FONT COLOR='blue' SIZE='5'>欢迎光临</FONT><BR>"
var line2 = "这是一个技术研习的小天地"
helloWin.document.write (line1 + line2)
helloWin.document.title = "欢迎光临"
</scrīpt>
例3:
<scrīpt>
window.defaultStatus = "最棒的线上学习网站";
</scrīpt>
<A HREF="http://www.hubert.idv.tw" >
文哥网路技术学习网</A>
例4:
<scrīpt>
queryWin = open('1.htm','','height=100,')
</scrīpt>
利用子窗口来改变母窗口的底色
/* -------- 1.htm -------- */
<scrīpt>
function passToOpener(color) {
opener.document.bgColor = color;
self.close();
}
</scrīpt>
<CENTER>
请选择你喜欢的颜色?<BR>
<FONT > >浅蓝色<</FONT>
<FONT > >浅红色<</FONT>
</CENTER>
- JS的window对象
- JS之Window对象
- Js window对象
- JS-Window对象
- js-window对象
- js-window对象
- js中的window对象
- js控制 window对象
- JS之Window对象
- JS的window对象
- js中的window对象
- js window对象
- JS:window对象相关
- js window 对象
- JS-window对象
- JS Window对象描述
- JS window对象常用
- js 学习 Window 对象
- Response.Redirect()|Server.Transfer|Server.Execute详细
- 简单记录fortran入门过程
- 水晶报表下载地址及注册码
- weblogic的sessionId
- js验证网址
- Js window对象
- weblogic一个server下配置两个app的log4j
- 关于梦 序
- 化学平衡中的常见解题方法及思路
- windows live write csdn blog 发布地址
- 3.2 2010梦
- 用欧几里得辗转相除法求任意两个整数的最大公因子(网上最快的算法!!!)
- 发布程序中文乱码完全解决方案
- 修改xp和win7 用户配置文件目录(的USERPROFILE路径)