javascript

位置:IT落伍者 >> javascript >> 浏览文章

JavaScript操纵窗口的方法小结


发布日期:2022年03月18日
 
JavaScript操纵窗口的方法小结
一旦你得到了表示窗口的变量你就能通过各种方法来操纵它下面介绍一下对窗口的各种操作

在前面的介绍中我们讨论过close()方法

复制代码 代码如下:
win = windowopen(" "js")
winclose()


JavaScript提供了许多方法与属性我们可以使用它们来控制窗口
移动滚动改变大小
下面的方法(N+IE+)负责个定窗口的移动滚动以及大小改变操作

复制代码 代码如下:
// 移动窗口的屏幕位置到指定的偏移x y(绝对移动)
windowmoveTo(iX iY)
// 移动窗口的屏幕位置到指定的偏移x y(相对移动)
windowmoveBy(iX iY)
// 滚动窗口的屏幕位置到指定的偏移x y(绝对滚动)
windowscrollTo(iX iY)
// 滚动窗口的屏幕位置到指定的偏移x y(相对滚动)
windowscrollBy(iX iY)
// 改变窗口大小到指定的高度与宽度(绝对改变大小)
windowresizeTo(iWidth iHeight)
// 改变窗口大小到指定的高度与宽度(相对改变大小)
windowresizeBy(iX iY)


注意这些方法都属于window对象所以它们智能在当前窗口或者其他可以引用的窗口被执行如果你想动态设置窗口的位置和尺寸就可以在窗口创建后使用move和resize方法
//form
注意控制一个包含其他服务器页面的窗口是不可能的
最大化窗口
我们现在来介绍如何制作一个点击后可最大化窗口的按钮
下面看看有关这个按钮的HTML和JavaScript代码

复制代码 代码如下:
<SCRIPT LANGUAGE="JavaScript">
<!
function maximizeWin() {
if (windowscreen) {
var aw = screenavailWidth;
var ah = screenavailHeight;
windowmoveTo(
windowresizeTo(aw ah)
}
}
// >
</SCRIPT>
<FORM><INPUT TYPE="button" VALUE="Maximize" onClick="maximizeWin()"></FORM>


注意resizeTo()方法引用整个窗口的尺寸 //form
一个悬浮的广告
在网站上通过移动广告窗口能够吸引浏览者的注意力我们可以通过调用下面的函数来实现让窗口左右移动的效果

复制代码 代码如下:
function makeAd() {
windowopen("adpagehtml" "ad" "width=innerWidth=height=innerHeight=left=top=")
}


下面是页面adpagehtml的代码

复制代码 代码如下:
<SCRIPT LANGUAGE="JavaScript">
<!
function startAd() {
if (windowscreen) {
pos = ;
aw = screenavailWidth;
windowmoveTo(pos
timerID = setInterval("moveAd()"
}
}
function moveAd() {
if (pos <= ) inc = ;
// so it doesnt pass the right edge
// accounts for the window chrome
if (pos + + + > aw) inc = ;
pos += inc; afacom
windowmoveTo(pos
}
windowonload = startAd;
// >
</SCRIPT>


当页面adpagehtml装载后函数startAD()被执行如果用户的浏览器支持windowscreen对象窗口才能移动因为我们需要使用windowscreen来计算屏幕的宽度窗口在屏幕的上边界滑动从左上角(pos=)一直到右上角
通过内建的setInterval()函数每隔毫秒移动广告窗口个象素如果点击了“stop”按钮就将执行下面

上一篇:解析javascript 浏览器关闭事件

下一篇:js操作checkbox遇到的问题解决