WEB开发网
开发学院网页设计JavaScript JavaScript窗口功能指南之操纵窗口 阅读

JavaScript窗口功能指南之操纵窗口

 2010-09-14 13:32:37 来源:WEB开发网   
核心提示:一旦你得到了表示窗口的变量,你就能通过各种方法来操纵它,JavaScript窗口功能指南之操纵窗口,在前面的介绍中,我们讨论过close()方法:win = window.open("http://www.docjs.com/", "js");win.close();JavaSc

一旦你得到了表示窗口的变量,你就能通过各种方法来操纵它。在前面的介绍中,我们讨论过close()方法:

win = window.open("http://www.docjs.com/", "js");

win.close();

JavaScript提供了许多方法与属性,我们可以使用它们来控制窗口。

移动、滚动、改变大小

下面的方法(N4+,IE4+)负责个定窗口的移动、滚动以及大小改变操作:

  // 移动窗口的屏幕位置到指定的偏移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方法。

注意,控制一个包含其他服务器页面的窗口是不可能的。

最大化窗口

我们现在来介绍如何制作一个点击后可最大化窗口的按钮。

下面看看有关这个按钮的HTML和JavaScript代码:

<script LANGUAGE="JavaScript">

Tags:JavaScript 窗口 功能

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接