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


一旦你得到了表示窗口的变量,你就能通过各种方法来操纵它。在前面的介绍中,我们讨论过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">


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3