知识大全 JavaScript操纵窗口的方法小结

Posted 2022-07-20 知

篇首语：知识的价值不在于占有，而在于使用。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JavaScript操纵窗口的方法小结相关的知识，希望对你有一定的参考价值。

JavaScript操纵窗口的方法小结 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

一旦你得到了表示窗口的变量你就能通过各种方法来操纵它下面介绍一下对窗口的各种操作

　　在前面的介绍中我们讨论过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 " "ad" "width= innerWidth= height= innerHeight= left= top= "）

　　下面是页面adpage 的代码

复制代码代码如下: <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 window moveTo（pos ） window onload = startAd; // > </SCRIPT> cha138/Article/program/Java/JSP/201311/19934