方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁
操控器一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 成員表
使用這些特徵時,可以用 window.method();也可以省略 window,直接用 method()。
捲動視窗至座標位置。其語法是:
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(頁數)
顯示典型的對話窗。其語法是:
回傳值= window.showModalDialog(uri [, 參數組][, 選項組]);
此方法回傳對話窗的網頁設定的值。uri 是網頁位址,會被顯示在對話窗中。可選擇性設定一組參數,將之傳給對話窗;參數可是數值,字串,物件,陣列;在對話窗中可用 window.dialogArguments 特徵,取得參數。在對話窗中可用 window.returnValue 傳回訊息。選項組用來修飾對話窗的外貌。每一個選項是 name:value 格式,兩個選項用”;”分開。
- dialogHeight, dialogWidth:設定對話窗的高與寬,單位預設為 px(像素)。單位也可設為 cm, mm, in, pt, pc 或 em, ex。
- dialogLeft, dialogTop:設定對話窗的左上角,相對於螢幕左上角的距離,單位預設為 px。
- center:{ yes | no } 指定對話窗是否要放置中央。預設為 yes。
- dialogHide:{ yes | no } 指定對話窗再列印時,是否要隱藏。預設為 no。
- edge:{ sunken | raised } 指定對話窗的邊線風格。預設為 raised。
- resizable:{ yes | no } 指定對話窗是否可以改變大小。預設為 no。
- scroll:{ yes | no } 指定對話窗是否有捲軸列。預設為 yes。
- status:{ yes | no } 指定對話窗是否有狀態列。對信任的對話窗,預設為 no,否則為 yes。
- unadorned:{ yes | no } 指定對話窗是否有邊。預設為 no。
- zoominherit:{ yes | no } 指定對話窗繼承放大。預設為 no。
上面的 yes, no 也可以用 1, 0 或 on, off 代替。上述選項,不同瀏覽器會有不同。
- 程式用法:
<script type='text/javascript'>
function dispDialog()
{
var rv=showModalDialog('http://ant4js.blogspot.com/2009/01/dialogarguments.html',
'showModalDialog 測試成功',
'dialogwidth:850px; dialogheight:550px; center:yes');
alert( rv );
}
</script>
<a href='javascript:dispDialog()'>典型對話窗</a> - 執行結果:
- 上例,在 IE 會出現安全訊息。Firefox 沒有放置在中央。
依據文件內容,調整視窗的大小。限 Firefox 使用。
- 程式用法:
<a href='javascript:sizeToContent()'>
點此調整視窗</a> - 執行結果: