改變動瀏覽器的位置及大小

move 及 resize 方法

先澄清一個觀念，DHTML 中的 window 物件，不是指桌面，或是 Window 95,98 的作業系統，而是指瀏覽器的操作視窗，所以當你要對瀏覽器有所動態改變時， 就必須操作 window 物件。window 對於瀏覽器的位置及大小提供了兩組改變方法：

1. 改變瀏覽器位置的 move 方法：
   • moveBy 方法：
     window.moveBy(相對 x 座標值,相對 y 座標值)：所謂 相對座標值是指瀏覽器以原左端點和上端點為基準，加上 x,y 移動距離後，成為瀏覽器新的左端點和上端點。x,y 可以是負值 ，但如果當瀏覽器的左端點和上端點小於 0 時，Explorer 會有 部份視窗跑出桌面之外，Navigator 則只會停留在桌面 0,0 位置。
   • moveTo 方法：
     window.moveTo(絕對 x 座標值,絕對 y 座標值)：所謂 絕對座標值是指不考慮瀏覽器原座標值，而直接把瀏覽器的 左端點和上端點移到 x,y 指定的新座標值。x,y 值效果同 moveBy()。
2. 改變瀏覽器大小的 resize 方法：
   • resizeBy 方法：
     window.resizeBy(增加寬度,增加高度)：所謂增加高度和寬度 是指把瀏覽器加上指定值後成為新的高度與寬度。高度與寬度可以 為負值，就最大值來說，Explorer 可以把視窗擴展到桌面之外， Navigator 不行，最大只能塞滿桌面。
   • resizeTo 方法：
     window.resizeTo(指定寬度,指定高度)：就是不考慮原瀏覽器 高度和寬度，直接把瀏覽器調整成指定的高度和寬度。高度與寬度 不可以為負值，不准問為什麼，問了我要打人了，什麼叫高度 寬度比零還小？你倒給我解釋看看？

範例介紹

老實說對這兩組方法我個人感覺是滿花瓶的，因為實在想不出來什麼瀏覽動作 需要如此完成，所以就用耍酷的方式來做幾個範例吧：

• 飛行的網頁：
  當開啟此範例時，會有個小瀏覽器視窗在你螢幕的桌面上飛來飛去，十秒 後自動關閉。功用嘛...或許在你載入個大型耗時的網頁中，排解瀏覽者 等待的無聊，也或者可以用做強迫廣告(如果你真這麼做，拜託別告訴別人 是老怪教的)，現在請 開啟飛行網頁。
• 視窗捲簾：
  和上一範例網頁稍有不同，上一範例重點是 window.moveTo() 方法， 本範例則著重在 window.resizeBy() 方法的使用，效果是依網頁顯示資訊 的增多而逐步增加瀏覽器的高度，請按這裡 開啟視窗捲簾。

範例下載

這幾個 move 和 resize 方法真的是沒啥學問，不需多解釋，相信你一看就懂， 但如果你對如何使用時間驅動器和使用 Client 端桌面設定值很感興趣，那就看本範例 的 Source Code 吧。畢竟這已超出本篇討論範圍，我們就不在這裡多說了，下載範例 請按 這裡。