window：方法（G-Z）

window| 特徵A-M| 特徵N-Z| 方法A-F | 方法G-Z | 事件A-K| 事件L-Z

window 的方法

使用這些特徵時，可以用 window.method；也可以省略 window，直接用 method。

getAttention()

吸引用戶的注意。

getComputedStyle()

取得指定元素的風格表物件。其語法是：

window.getComputedStyle(元素物件, 假元素)

元素物件是 HTML 元素的物件。假元素是字串，一般元素設為 null。此方法傳回風格表物件。此法取得的風格表物件是唯讀的，如要更改元素的風格表，則要用 元素物件.style.特徵。 <div id='urcss'>風格</div> <script type='text/javascript'> var o=document.getElementById('urcss'); document.write( o.style +'<br />'); document.write( o.style.color +'顏色<br />'); o.style.color='red'; document.write( o.style.color +'顏色<br />'); document.write( getComputedStyle(o,null).color ); </script>

• IE 無此項；Firefox, Safari, Chrome 都執行成功。
• 上例中，第一次輸出 o.style.color 沒有結果，使用時要注意。

getSelection()

傳回一個物件，內存用戶選擇的文字。 <script type='text/javascript'> function prText() { var o=document.getElementById('selText'); o.value=getSelection(); } </script> <a href='javascript:prText()'>印出文字</a><br /> <input id='selText' size=24 />

• 先用滑鼠點選一段文字，使之反白。然後點擊印出文字。
• IE 無此項；Firefox, Safari, Chrome 都執行成功。

home()

瀏覽器回到預定的家頁。限 Firefox 使用。 <a href='javascript:home()'>點此回到家頁</a>

moveBy()

移動瀏覽器至相對位置。其語法是：

window.moveBy(水平移動量, 垂直移動量)

單位是像素。 <a href='javascript:moveBy(20, 20)'>點此移動瀏覽器</a>

• Chrome 無此項；IE, Firefox, Safari 都執行成功。先將瀏覽器變成較小的視窗，再移動。Firefox, Safari 瀏覽器不會移出螢幕範圍。

moveTo()

移動瀏覽器至絕對位置。其語法是：

window.moveTo(水平位置, 垂直位置)

單位是像素。 <a href='javascript:moveTo(50, 50)'>點此移動瀏覽器</a>

• Chrome 無此項；IE, Firefox, Safari 都執行成功。先將瀏覽器變成較小的視窗，再移動。Firefox, Safari 瀏覽器不會移出螢幕範圍。

openDialog()

產生一個新的子視窗，下載指定的網頁。此方法與 open() 相同，增加了給子視窗的參數。

postMessage()

在視窗之間安全地傳遞資料串。

print()

顯示列印視窗，準備列印當下文件。 <a href='javascript:print()'>點此顯示列印視窗</a>

• Chrome 沒反應；IE, Firefox, Safari 都執行成功。

prompt()

顯示可以輸入文字的對話視窗。其語法是：

輸入字串= window.prompt(訊息, 預設值);

程式師可以在對話窗顯示訊息。預設值是輸入區的預設顯示值。對話窗會顯示兩個鈕：確定（ok）與取消（cancel）。用戶輸入後，如果點選確定，則傳回用戶輸入的文字；否則傳回 null。 <script type='text/javascript'> function inText() { var o=document.getElementById('pmtText'); if( (ip=prompt('最喜歡的歌星','蔡依林')) ) o.value=ip; else o.value='沒有'; } </script> <a href='javascript:inText()'>請點此輸入</a><br /> <input id='pmtText' size=24 />

resizeBy()

改變視窗的相對大小。其語法是：

window.resizeBy(寬度改變量, 高度改變量)

單位是像素。 <a href='javascript:resizeBy(20,20)'>點此視窗變大</a><br /> <a href='javascript:resizeBy(-20,-20)'>點此視窗變小</a>

• Chrome 無此項；IE, Firefox, Safari 都執行成功。先將瀏覽器變成較小的視窗，再改變。瀏覽器不會超出螢幕範圍。

resizeTo()

改變視窗的絕對大小。其語法是：

window.resizeTo(寬度, 高度)

單位是像素。 <a href='javascript:resizeTo(500,500)'>點此改變視窗大小</a>

• Chrome 無此項；IE, Firefox, Safari 都執行成功。瀏覽器不會超出螢幕範圍。

scroll()

捲動視窗至座標位置。其語法是：

window.scroll(水平座標, 垂直座標)

單位是像素。

scrollTo()

捲動視窗至座標位置。與 scroll() 完全相同，可以互換使用。 <a href='javascript:scroll(20,200)'>點此捲動視窗</a>

scrollBy()

捲動視窗至相對位置。其語法是：

window.scrollBy(水平捲動量, 垂直捲動量)

單位是像素。 <a href='javascript:scrollBy(0,100)'>下方捲出</a><br /> <a href='javascript:scrollBy(0,-100)'>上方捲出</a>

scrollByLines()

垂直捲動視窗至相對位置，單位是文字行。限 Firefox 使用。其語法是：

window.scrollByLines(行數) <a href='javascript:scrollByLines(3)'>下方捲出</a><br /> <a href='javascript:scrollByLines(-3)'>上方捲出</a>

scrollByPages()

垂直捲動視窗至相對位置，單位是頁。限 Firefox 使用。其語法是：

window.scrollByPages(頁數)

showModalDialog()

請參考 說明與範例。

sizeToContent()

依據文件內容，調整視窗的大小。限 Firefox 使用。 <a href='javascript:sizeToContent()'>點此調整視窗</a>

stop()

停止下載。與瀏覽器的停止鈕相同。可以用來停止子視窗，圖檔。

updateCommands()

變更當下視窗的指令狀態。