5ucms插件,JavaScript窗口功能指南之发挥窗口特征
作者： 来源： 日期：2015/8/17 12:32:47 浏览量：49(滞后) 人气：
LOADING...(实时) 【
大 中 小】
JavaScript窗口功能指南之发挥窗口特征
（作者：听风编译 2001年01月19日 11:35）
<!--
var str = "left=0,screenX=0,top=0,screenY=0";
if (window.screen) {
var ah = screen.availHeight - 30;
var aw = screen.availWidth - 10;
str += ",height=" + ah;
str += ",innerHeight=" + ah;
str += ",width=" + aw;
str += ",innerWidth=" + aw;
} else {
str += ",resizable"; // so the user can resize the window manually
}
functi>
<!--
functi,innerHeight=" + height;
str += ",width=" + width + ",innerWidth=" + width;
if (window.screen) {
var ah = screen.availHeight - 30;
var aw = screen.availWidth - 10;
var xc = (aw - width) / 2;
var yc = (ah - height) / 2;
str += ",left=" + xc + ",screenX=" + xc;
str += ",top=" + yc + ",screenY=" + yc;
}
return window.open(url, name, str);
}
var win = launchCenter(''center.html'', ''center'', 220, 440);
// -->
</SCRIPT>
这段脚本程序非常类似于全屏幕窗口的脚本程序。它使用了screen.availHeight和screen.availWidth属性，同时加上新窗口的期待尺寸，最终计算出窗口左上角的精确位置。如果你很难理解(aw-width)/2的含义，请看看下面的算式：
(aw / 2) - (width / 2)
如你所见，它们是一样的，就是从屏幕的中央减去窗口宽度的一半。同样的算法应用于窗口的垂直坐标。
这打开了一个名为win的窗口，在其中装载定义的URL。下面的链接使用了JavaScript完成同样的目的：
<A HREF="http://www.dedecms.com/web-art/htmlbase/Javascript/20020322/javascript:void(window.open(''http://docjs/'', ''win'', ''status''))">Doc JavaScript</A>
基于JavaScript的链接创建了一个简单的窗口，它有一个状态栏，但是不包括其他默认元素（比如工具栏）。然而前面的HTML链接打开的窗口是一个默认的浏览器窗口。2种方法实现了同样的目的。使用JavaScript，我们可以控制新窗口的外观，但是如果浏览器不支持JavaScript，这样的链接就没有用了。所以，我们合并这些链接：
<A HREF="http://docjs/" TARGET="win" >Doc JavaScript</A>
如果JavaScript是激活的，在装载HREF属性定义的URL前，浏览器就执行onClick事件处理程序。由于这个事件处理程序返回false，浏览器将忽略HREF属性，就好像用户根本没有点击链接。事实上，语句return false简单地中止了“点击”。如果浏览器不支持JavaScript，那么就不会运行onClick事件处理程序，因此，象其他HTML链接一样，指定的URL被装载。
欢迎您访问www.5ucms.org
相关分类
