js window 对象
来源:互联网 发布:常德第七元素网络 编辑:程序博客网 时间:2024/06/06 16:36
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
- 窗口对象的方法:
- 窗口对象的事件处理程序:
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 对象
- 获得程序apk全路径名,获取文件的md5值,向线性布局中添加View对象
- zoj 1008 暴力枚举求解dfs+优化
- hdu 5007 Post Robot
- SPServices介绍之四:实现查阅项的级联选择功能(联动功能)
- 使用eclipse调试python出现SyntaxError:Non-UTF-8 code解决办法
- js window 对象
- SpringMVC学习系列(4) 之 数据绑定-1
- UIButton如何正确调整imageView及titleLabel的位置
- 香港有限公司税务申报要求及程序是什么?
- Html5笔记
- YoxView - jQuery图片浏览特效
- SPServices介绍之五:调用Workflow
- ubuntu14问题
- 递归函数时间复杂度分析