首頁 > 開發者 > JavaScript
Window對象對操作瀏覽器視窗非常有用，開發人員可以移動或調整瀏覽器視窗的大小。可用四種方法實現這些操作：
moveBy(dx,dy)：把瀏覽器視窗相對當前位置水平移動dx個像素，垂直移動dy個像素。dx值為負左移，dy為負上移。
moveTo(x,y)：行動瀏覽器視窗，使它的左上方位於使用者螢幕的(x,y)處。可以使用負數，不過這樣會把部分視窗移出螢幕的可視地區。
resizeBy(dw,dh)：相對瀏覽器視窗當前大小，把視窗的寬度調整dw個像素，高度調整dy個像素。dw、dy為負時縮小視窗。
resizeTo(w,h)：把視窗的寬度調整為w，高度調整為h，不能使用負數。
注，FireFox跟Chrome預設不允許進行此操作，要在安全設定裡更改
效果(在IE瀏覽器中有效果)：
導航和開啟新視窗導航和開啟新視窗用 window.open() 方法，該方法接受四個參數，即要載入新視窗的頁面的URL，新視窗名字，特性字串和說明是否用新載入的頁面替換當前載入的頁面的Boolean值。一般只用前三個參數，最後一個參數只有在window.open()打不開新視窗時才有效。
第三個參數可選值如下：
top=pixels視窗的 y 座標。
| left=pixels | 視窗的 x 座標。以像素計。 |
| height=pixels | 視窗文檔顯示區的高度。以像素計。 |
| width=pixels | 視窗的文檔顯示區的寬度。以像素計。 |
| resizable=yes|no | 視窗是否可調節尺寸。預設是 yes。 |
| scrollable=yes|no | 是否顯示捲軸。預設是 yes。 |
| location=yes|no | 是否顯示地址欄位。預設是 yes。 |
| status=yes|no | 是否添加狀態列。預設是 yes。 |
| toolbar=yes|no | 是否顯示瀏覽器的工具列。預設是 yes。 |
特性字串是以逗號分隔的，所以在逗號或等號後不能有空格。
樣本：
document對象用document的open、write、close等方法可以向新開啟的視窗中寫入內容，如下所示：
<script type="text/javascript"> function run(){ var oNewWin=window.open("about:blank","newwindow","height=300,width=400"); oNewWin.document.open(); oNewWin.document.write("<html><body><script>function test(){alert('test');}</scr"+"ipt><input type='button' value='test' onclick='test()'/></body></html>"); oNewWin.document.close(); }</script><input type='button' value='run' onclick='run()'/>
location對象
location對象可以用來解析URL，例如 URL為：http://www.cnblogs.com/artwl/archive/2012/04/14/2446762.html#top?id=1，則:
hash:#top
host:www.cnblogs.com
hostname:www.cnblogs.com
href:http://www.cnblogs.com/artwl/archive/2012/04/14/2446762.html#top?id=1
pathname:/artwl/archive/2012/04/14/2446762.html
port:空白
protocol:http:
search:?id=1
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
