JavaScript系列之熟悉画布模式窗口

ZDNet软件频道 时间:2004-05-14 作者:Builder.com |  我要评论()
本文关键词:javatips
画布模式窗口指的是不论屏幕尺寸以及分辨率是多少,都能够占据整个屏幕范围的窗口。对于非常在意窗口尺寸的演示文稿来说,画布模式窗口提供了一个相当有用的环境。
本文译自Builder.com,未经许可请勿转载

画布模式窗口(Canvas-mode Windows)指的是不论屏幕尺寸以及分辨率是多少,都能够占据整个屏幕范围的窗口。对于非常在意窗口尺寸的演示文稿来说,画布模式窗口提供了一个相当有用的环境。

窗口尺寸最多就只能放大到这么大了。在这个范例里面我使用两个变量来表示 screen 对象的availWidth与availHeight这两个属性的值。这两个属性保存屏幕能够用来显示窗口的最大总宽度与高度。

var chasm = screen.availWidth;
var mount = screen.availHeight;

varkingy = null;

function nav_ie_Can() {
  kingy = window.open('','k1','top=0,left=0,width=' + (chasm - 10) + ',height=' + (mount - 30));
}

chasm 与 mount 这两个变量用来在nav_ie_Can() 函数里面设定画布模式窗口的宽度与高度。然而由于惯例上width(宽度)与height(高度)这两个属性并没有考虑到窗口的外框与标题栏,因此我们必须大约减去窗口外框与标题栏的宽度与高度。

并非所有的 4.x 版本浏览器都有一样的表现。Communicator 4.06 浏览器的使用者将会发现画布模式窗口底端有一道大约相等于浏览器状态栏高度的空间。


本文作者:Brent Lee Metcalfe 是一位 Web 架构顾问。


责任编辑:李宁

欢迎评论投稿

百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134