JavaScript窗口功能指南之发挥窗口特征


x在前面一节中,我们全面接触了JavaScript提供的窗口特征。许多这些特征是基于特殊浏览器的,就是说它们不可能同时在Internet Explorer和Navigator中工作。在这一节中,我们将探索几个有趣的方面,以及一些有用的技巧。

  指定窗口尺度

  我们使用参数height、 width、 innerHeight 以及 innerWidth来定义新窗口的尺度。Internet Explorer支持height和width,Navigator则使用innerHeight和innerWidth。Navigator也支持outerHeight和outerWidth特征,它们指定了窗口外围边界的尺度,外围边界包括标题栏、滚动条以及其他操作系统元素。在Internet Explorer中,为达到同样目的,我们使用height、width、innerHeight和innerWidth。每种浏览器都将忽略其他特征,所以当创建新窗口时,就可以定义所有的4个。

  window.open("dimensions.html", "_blank", "height=150,innerHeight=150,width=200,innerWidth=200");

  如果在你的机器上有2种浏览器,你可以比较一下JavaScript的不同窗口尺度特征。

  打开一个全屏幕窗口

  Internet Explorer支持fullscreen属性,使用它可以创建一个覆盖全屏的窗口,而不必考虑显示器的实际尺寸。看看下面的例子:

  <script LANGUAGE="JavaScript">


« 
» 
快速导航

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