| getAttention | getComputedStyle | getSelection | home |
| moveBy | moveTo | openDialog | postMessage |
| prompt | resizeBy | resizeTo | |
| scroll | scrollBy | scrollByLines | scrollByPages |
| scrollTo | showModalDialog | sizeToContent | stop |
| updateCommands |
使用這些特徵時，可以用 window.method；也可以省略 window，直接用 method。
吸引用戶的注意。
取得指定元素的風格表物件。其語法是：
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> - 執行結果：風格[object CSSStyleDeclaration]
顏色
red顏色
rgb(255, 0, 0)
- IE 無此項；Firefox, Safari, Chrome 都執行成功。
- 上例中，第一次輸出 o.style.color 沒有結果，使用時要注意。
傳回一個物件，內存用戶選擇的文字。
- 程式用法：
<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 都執行成功。
瀏覽器回到預定的家頁。限 Firefox 使用。
- 程式用法：
<a href='javascript:home()'>點此回到家頁</a>
- 執行結果：
移動瀏覽器至相對位置。其語法是：
window.moveBy(水平移動量, 垂直移動量)
單位是像素。
- 程式用法：
<a href='javascript:moveBy(20, 20)'>點此移動瀏覽器</a>
- 執行結果：
- Chrome 無此項；IE, Firefox, Safari 都執行成功。先將瀏覽器變成較小的視窗，再移動。Firefox, Safari 瀏覽器不會移出螢幕範圍。
移動瀏覽器至絕對位置。其語法是：
window.moveTo(水平位置, 垂直位置)
單位是像素。
- 程式用法：
<a href='javascript:moveTo(50, 50)'>點此移動瀏覽器</a>
- 執行結果：
- Chrome 無此項；IE, Firefox, Safari 都執行成功。先將瀏覽器變成較小的視窗，再移動。Firefox, Safari 瀏覽器不會移出螢幕範圍。
產生一個新的子視窗，下載指定的網頁。此方法與 open() 相同，增加了給子視窗的參數。
在視窗之間安全地傳遞資料串。
顯示列印視窗，準備列印當下文件。
- 程式用法：
<a href='javascript:print()'>點此顯示列印視窗</a>
- 執行結果：
- Chrome 沒反應；IE, Firefox, Safari 都執行成功。
顯示可以輸入文字的對話視窗。其語法是：
輸入字串= 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 /> - 執行結果：
改變視窗的相對大小。其語法是：
window.resizeBy(寬度改變量, 高度改變量)
單位是像素。
- 程式用法：
<a href='javascript:resizeBy(20,20)'>點此視窗變大</a><br />
<a href='javascript:resizeBy(-20,-20)'>點此視窗變小</a> - 執行結果：
- Chrome 無此項；IE, Firefox, Safari 都執行成功。先將瀏覽器變成較小的視窗，再改變。瀏覽器不會超出螢幕範圍。
改變視窗的絕對大小。其語法是：
window.resizeTo(寬度, 高度)
單位是像素。
- 程式用法：
<a href='javascript:resizeTo(500,500)'>點此改變視窗大小</a>
- 執行結果：
- Chrome 無此項；IE, Firefox, Safari 都執行成功。瀏覽器不會超出螢幕範圍。
捲動視窗至座標位置。其語法是：
window.scroll(水平座標, 垂直座標)
單位是像素。
捲動視窗至座標位置。與 scroll() 完全相同，可以互換使用。
- 程式用法：
<a href='javascript:scroll(20,200)'>點此捲動視窗</a>
- 執行結果：
捲動視窗至相對位置。其語法是：
window.scrollBy(水平捲動量, 垂直捲動量)
單位是像素。
- 程式用法：
<a href='javascript:scrollBy(0,100)'>下方捲出</a><br />
<a href='javascript:scrollBy(0,-100)'>上方捲出</a> - 執行結果：
垂直捲動視窗至相對位置，單位是文字行。限 Firefox 使用。其語法是：
window.scrollByLines(行數)
- 程式用法：
<a href='javascript:scrollByLines(3)'>下方捲出</a><br />
<a href='javascript:scrollByLines(-3)'>上方捲出</a> - 執行結果：
垂直捲動視窗至相對位置，單位是頁。限 Firefox 使用。其語法是：
window.scrollByPages(頁數)
請參考 說明與範例。
依據文件內容，調整視窗的大小。限 Firefox 使用。
- 程式用法：
<a href='javascript:sizeToContent()'>點此調整視窗</a>
- 執行結果：
停止下載。與瀏覽器的停止鈕相同。可以用來停止子視窗，圖檔。
變更當下視窗的指令狀態。
