使用這些特徵時,可以用 window.property;也可以省略 window,直接用 property。
讀取或設定視窗的名稱。
- 程式用法:
<script type='text/javascript'>
window.name='myPage';
document.write( window.name );
</script> - 執行結果:
myPage
存放 navigator 物件。
存有開啟當下網頁的父網頁。沒有父網頁時,內存 null,IE 則是存 undefined。
- 程式用法:
<script type='text/javascript'>
document.write( window.opener +'<br />');
document.write( window.opener.location.href );
</script>
<p><a href='http://ant4js.blogspot.com/2008/12/windowptynz.html#opener'
target=_blank>請點此開啟子視窗</a> - 執行結果:
null
- 在子視窗中,opener 的輸出結果不同了。
整個瀏覽器的長與寬。唯讀。其值為整數,單位為像素(pixel)。
- 程式用法:
<script type='text/javascript'>
document.write( window.outerHeight +'<br />');
document.write( window.outerWidth );
</script> - 執行結果:
720
1280
- IE 沒這兩項;Firefox, Safari, Chrome 都成功。
存放當下視窗或子矩框的父視窗物件其位址,如果沒有父視窗,則傳回自身的位址。
- 程式用法:
<script type='text/javascript'>
document.write( window.parent.location );
</script> - 執行結果:
http://ant4js.blogspot.com/2008/12/windowptynz.html
存放 pkcs11 物件。限 Firefox 使用。
請參考 showModalDialog() 的範例。
存放 screen 物件。
傳回瀏覽器的左上角相對於螢幕左上角的距離,單位為像素。
- 程式用法:
<script type='text/javascript'>
document.write( window.screenLeft +'<br />');
document.write( window.screenTop );
</script> - 執行結果:
0
0
- Firefox 沒這兩項;IE, Safari, Chrome 都有,但是定義不同;在 IE 這是文件展現區相對於螢幕左上角的距離。
傳回瀏覽器的左上角相對於螢幕左上角的距離,單位為像素。
- 程式用法:
<script type='text/javascript'>
document.write( window.screenX +'<br />');
document.write( window.screenY );
</script> - 執行結果:
0
0
- IE 沒這兩項;Firefox, Safari, Chrome 都成功。
傳回文件可捲動的最大長度,其值為整數,單位為像素。限 Firefox 使用。
文件的全寬 = innerWidth + scrollMaxX
文件的全長 = innerHeight + scrollMaxY
- 程式用法:
<script type='text/javascript'>
document.write( window.innerWidth +'<br />');
document.write( window.innerHeight +'<br />');
document.write( window.scrollMaxX +'<br />');
document.write( window.scrollMaxY );
</script> - 執行結果:
1280
720
[object HTMLDivElement]
[object HTMLDivElement]
傳回文件捲動的長度,其值為整數,單位為像素(pixel)。與 scrollX, scrollY 相同。
傳回文件捲動的長度,其值為整數,單位為像素。與 pageXOffset, pageYOffset 相同。
- 程式用法:
<script type='text/javascript'>
document.write( window.pageXOffset +' : '+ window.pageYOffset +'<br />');
document.write( window.scrollX +' : '+ window.scrollY );
function setXY()
{
var o=document.getElementById('scl2');
o.value=window.pageXOffset +' : '+ window.pageYOffset;
var o=document.getElementById('scl');
o.value=window.scrollX +' : '+ window.scrollY;
}
window.onscroll=setXY;
</script>
<p>
pageOffset:<input id='scl2' size=24><br />
scroll:<input id='scl' size=24> - 執行結果:
0 : 0
0 : 0pageOffset:
scroll:
- IE 沒這四項;Firefox, Safari, Chrome 都成功。
存放本視窗自己的物件位址。
- 程式用法:
<script type='text/javascript'>
document.write( window.self.location );
</script> - 執行結果:
http://ant4js.blogspot.com/2008/12/windowptynz.html
請參見 Storage。
存放 sidebar 物件。限 Firefox 使用。
sidebar 的方法:
- addPanel(標題, contentURL, customizeURL):加入書籤。
- addPersistentPanel(標題, contentURL, customizeURL):加入書籤。
- addSearchEngine(engineURL, iconURL, 標題, 分類):加上搜尋引擎。
- addMicrosummaryGenerator(generatorURL):加入及時摘要。
- 程式用法:
<script type='text/javascript'>
//window.sidebar.addPanel("Google", "http://www.google.com/", "");
//window.sidebar.addPersistentPanel("Google", "http://www.google.com/", "");
document.write( window.sidebar );
</script> - 執行結果:
[object HTMLDivElement]
讀取或設定狀態列的文字。
- 程式用法:
<script type='text/javascript'>
window.status='熱烈歡迎';
document.write( window.status );
</script> - 執行結果:
熱烈歡迎
- 上例,IE, Safari 成功;Chrome 沒有狀態列。
- Firefox 必須在位址列輸入 about:config,然後將 dom.disable_window_status_change 改為 false,才能在狀態列設定文字。
存放 personalbar, scrollbars, sidebar, statusbar, toolbar 物件。Chrome 沒有狀態列(status bar)
- 程式用法:
<script type='text/javascript'>
document.write( window.personalbar.visible +'<br />');
document.write( window.scrollbars.visible +'<br />');
document.write( window.statusbar.visible +'<br />');
document.write( window.toolbar.visible );
</script> - 執行結果:
true
true
true
true
- IE 沒這四項;Firefox, Safari, Chrome 都成功。
存放視窗階層的最上面一個視窗的物件。此特徵常用在視窗被矩框分割時。
- 程式用法:
<script type='text/javascript'>
document.write( top.navigator.appName );
</script> - 執行結果:
Netscape
存放本視窗的物件。
- 程式用法:
<script type='text/javascript'>
document.write( window.window.navigator.appName );
</script> - 執行結果:
Netscape