一旦你得到了表示窗口的变量
你就能通过各种方法来操纵它
下面介绍一下对窗口的各种操作
在前面的介绍中我们讨论过close()方法
复制代码 代码如下:
win = window
open("
"js")
win
close()
JavaScript提供了许多方法与属性我们可以使用它们来控制窗口
移动滚动改变大小
下面的方法(N+IE+)负责个定窗口的移动滚动以及大小改变操作
复制代码 代码如下:
// 移动窗口的屏幕位置到指定的偏移x
y(绝对移动)
window
moveTo(iX
iY)
// 移动窗口的屏幕位置到指定的偏移x
y(相对移动)
window
moveBy(iX
iY)
// 滚动窗口的屏幕位置到指定的偏移x
y(绝对滚动)
window
scrollTo(iX
iY)
// 滚动窗口的屏幕位置到指定的偏移x
y(相对滚动)
window
scrollBy(iX
iY)
// 改变窗口大小到指定的高度与宽度(绝对改变大小)
window
resizeTo(iWidth
iHeight)
// 改变窗口大小到指定的高度与宽度(相对改变大小)
window
resizeBy(iX
iY)
注意这些方法都属于window对象所以它们智能在当前窗口或者其他可以引用的窗口被执行如果你想动态设置窗口的位置和尺寸就可以在窗口创建后使用move和resize方法
//form
注意控制一个包含其他服务器页面的窗口是不可能的
最大化窗口
我们现在来介绍如何制作一个点击后可最大化窗口的按钮
下面看看有关这个按钮的HTML和JavaScript代码
复制代码 代码如下:
<SCRIPT LANGUAGE="JavaScript">
<!
function maximizeWin() {
if (window
screen) {
var aw = screen
availWidth;
var ah = screen
availHeight;
window
moveTo(
)
window
resizeTo(aw
ah)
}
}
//
>
</SCRIPT>
<FORM><INPUT TYPE="button" VALUE="Maximize" onClick="maximizeWin()"></FORM>
注意resizeTo()方法引用整个窗口的尺寸 //form
一个悬浮的广告
在网站上通过移动广告窗口能够吸引浏览者的注意力我们可以通过调用下面的函数来实现让窗口左右移动的效果
复制代码 代码如下:
function makeAd() {
window
open("adpage
html"
"ad"
"width=
innerWidth=
height=
innerHeight=
left=
top=
")
}
下面是页面adpagehtml的代码
复制代码 代码如下:
<SCRIPT LANGUAGE="JavaScript">
<!
function startAd() {
if (window
screen) {
pos =
;
aw = screen
availWidth;
window
moveTo(pos
)
timerID = setInterval("moveAd()"
)
}
}
function moveAd() {
if (pos <=
) inc =
;
//
so it doesn
t pass the right edge
//
accounts for the window chrome
if (pos +
+
+
> aw) inc =
;
pos += inc; a
fa
com
window
moveTo(pos
)
}
window
onload = startAd;
//
>
</SCRIPT>
当页面adpagehtml装载后函数startAD()被执行如果用户的浏览器支持windowscreen对象窗口才能移动因为我们需要使用windowscreen来计算屏幕的宽度窗口在屏幕的上边界滑动从左上角(pos=)一直到右上角
通过内建的setInterval()函数每隔毫秒移动广告窗口个象素如果点击了“stop”按钮就将执行下面