js window 对象

最新推荐文章于 2023-08-04 08:31:02 发布

fancy050821

最新推荐文章于 2023-08-04 08:31:02 发布

阅读量1k

点赞数

分类专栏： javascript 文章标签：浏览器工具框架 scroll url function

本文链接：https://blog.csdn.net/fancy050821/article/details/4175567

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS的window对象

窗口对象的属性和方法：

格式：
[window.]属性
[window.]方法（参数）
opener.属性
opener.方法（参数）
self.属性
self.方法（参数）
parent.属性
parent.方法（参数）
top.属性
top.方法（参数）
窗口名称.属性
窗口名称.方法（参数）

窗口对象的属性：

document 当前文件的信息
location 当前URL的信息
name 窗口名称
status 状态栏的临时信息
defaultStatus 状态栏默认信息
history 该窗口最近查阅过的网页
closed 判断窗口是否关闭，返回布尔值
opner open方法打开的窗口的源窗口
outerHeight 窗口边界的垂直尺寸，px
outerWidth 窗口边界的水平尺寸，px
pageXOffset 网页x-position的位置
pageYOffset 网页y-position的位置
innerHeight 窗口内容区的垂直尺寸，px
innerWidth 窗口内容区的水平尺寸，px
screenX 窗口左边界的X坐标
screenY 窗口上边界的Y坐标
self 当前窗口
top 最上方的窗口
parent 当前窗口或框架的框架组
frames 对应到窗口中的框架
length 框架的个数
locationbar 浏览器地址栏
menubar 浏览器菜单栏
scrollbars 浏览器滚动条
statusbar 浏览器状态栏
toolbar 浏览器工具栏
offscreenBuffering 是否更新窗口外的区域
personalbars 浏览器的个人工具栏，仅Navigator

窗口对象的方法：

alert(信息字串)	弹出警告信息
confirm(信息字串)	显示确认信息对话框
prompt(提示字串[，默认值])	显示提示信息，并提供可输入的字段
atob(译码字串)	对base-64编码字串进行译码
btoa(字串)	将进行base-64编码
back()	回到历史记录的上一网页
forward()	加载历史记录中的下一网页
open(URL，窗口名称[，窗口规格])
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()>
双击鼠标，画面会自动卷动...
 
 
 
 
... 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>


<TITLE>欢迎光临</TITLE>
<BODY >

<IMG SRC="images/welcome.gif" ALIGN="left">
<CENTER>
欢迎光临 
这是一个技术研习的小天地 
</CENTER>

</BODY>

例2：
<scrīpt>

document.write("文哥网络技术学习网")
helloWin = open ('1.htm','','height=100,width=300');
var line1 = "欢迎光临 "
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>
请选择你喜欢的颜色? 
 >浅蓝色<　
 >浅红色<
</CENTER>

fancy050821

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js window 对象

JS的window对象窗口对象的属性和方法：格式：[window.]属性[window.]方法（参数）opener.属性opener.方法（参数）self.属性self.方法（参数）parent.属性parent.方法（参数）top.属性top.方法（参数）窗口名称.属性窗口名称.方法（参数）窗口对象的属性：document当前文件的信息
复制链接

扫一扫

专栏目录

document	当前文件的信息
location	当前URL的信息
name	窗口名称
status	状态栏的临时信息
defaultStatus	状态栏默认信息
history	该窗口最近查阅过的网页
closed	判断窗口是否关闭，返回布尔值
opner	open方法打开的窗口的源窗口
outerHeight	窗口边界的垂直尺寸，px
outerWidth	窗口边界的水平尺寸，px
pageXOffset	网页x-position的位置
pageYOffset	网页y-position的位置
innerHeight	窗口内容区的垂直尺寸，px
innerWidth	窗口内容区的水平尺寸，px
screenX	窗口左边界的X坐标
screenY	窗口上边界的Y坐标
self	当前窗口
top	最上方的窗口
parent	当前窗口或框架的框架组
frames	对应到窗口中的框架
length	框架的个数
locationbar	浏览器地址栏
menubar	浏览器菜单栏
scrollbars	浏览器滚动条
statusbar	浏览器状态栏
toolbar	浏览器工具栏
offscreenBuffering	是否更新窗口外的区域
personalbars	浏览器的个人工具栏，仅Navigator

alwaysLowered	是否将窗口显示的堆栈后推一层
alwaysRaised	是否将窗口显示的堆栈上推一层
dependent	是否将该窗口与当前窗口产生依存关系
fullscreen	是否满屏显示
directories	是否显示连接工具栏
location	是否显示网址工具栏
menubar	是否显示菜单工具栏
scrollbars	是否显示滚动条
status	是否显示状态栏
titlebar	是否显示标题栏
toolbar	是否显示标准工具栏
resizable	是否可以改变窗口的大小
screenX	窗口左边界距离
screenY	窗口上边界距离
top	窗口上边界
width	窗口宽度
height	窗口高度
left	窗口左边界
outerHeight	窗口外边界的高度
personalbar	是否显示个人工具栏

js window 对象

“相关推荐”对你有帮助么？