当onClick事件发生的时候，子窗口的宽度与高度便会增加或者减少 200 个像素。
var x = 0;
functionresizeMe() {
if (x == 0) {
self.resizeBy(200,200);
x = 1;
}
else {
if (x == 1) {
self.resizeBy(-200,-200);
x = 0;
}
}
}
resizeMe() 函数透过 window 对象的resizeBy() 方法来让用户在两种窗口尺寸之间自由切换。resizeBy() 与resizeTo() 之间的主要差别在于前者的大小设定是相对的，而后者则是绝对的。
如果要改变 JavaScript 产生的窗口的大小，那么你必须要在打开窗口时加上 resizable 特性。如果没加的话，打开的这些窗口可是会动也不动。
改变窗口尺寸给予网站设计者在网站应用程序开发过程中所迫切需要的灵活性。请想象一个搜寻引擎用户界面，它会打开一个新窗口，里面纯粹只显示一个文字输入域让用户输入搜寻关键词。用户有两种选择：普通搜寻以及高级搜寻。按下高级搜寻按钮，该窗口便会自动扩展高度，显示出高级搜寻选项让用户选择。如果用户直接按下普通搜寻按钮，程序便会开始进行搜寻并且扩展窗口宽度以显示搜寻结果。这些全部都在同一个地方就可以完成了。大部分的搜寻引擎界面都很笨重，一个又一个的超链接将用户一次又一次地带离原本开始搜寻的页面。在我们想象中的弹出窗口搜寻界面，用户完全不会离开原有的画面，而且永远只需要点一下便可立刻回到原来的主浏览器窗口。
