window物件的屬性和方法
阿新 • • 發佈：2019-01-27
語法格式：
window.outerHeight
功能：outerHeight屬性用於訪問瀏覽器視窗的畫素高度，該高度包括工具欄和 裝飾邊的高度。
注：IE5.5不支援該屬性。
22. outerWidth屬性
語法格式：
window.outerWidth
功能：outerWidth屬性用於訪問瀏覽器視窗的畫素寬度，該寬度包括工具欄和裝 飾邊的寬度。
注：IE5.5不支援該屬性。
23. pageXOffset屬性
語法格式：
window.pageXOffset=數值
功能：指定瀏覽器視窗中文件左上角在視窗中的當前水平畫素位置。在利用 moveTo移動之前，可以通過該屬性來決定是否需要移動視窗。因為該屬性返回了
注：IE5.5不支援該屬性。
24. pageYOffset屬性
語法格式：
window.pageYOffset=數值
功能：指定瀏覽器視窗中文件左上角在視窗中的當前垂直畫素位置。在利用moveTo移動之前，可以通過該屬性來決定是否需要移動視窗。因為該屬性返回了 可見文件相對整個頁面的當前位置。
注：IE5.5不支援該屬性。
25. parent屬性
語法格式：
window.parent.frames[數值]
window.parent.framesName
功能：訪問各個子視窗(多框架)所在的父視窗。
window.parent，得到父視窗的物件。
在子視窗iframe，呼叫父視窗頁面中的方法：
window.parent.test();
例如iframe中的頁面要呼叫其父視窗(就是包含此iframe的頁面)中的函式，則在iframe中這樣寫：
parent.parent_fun_name('引數');
父視窗呼叫iframe子視窗方法
<iframe name="myFrame" src="child.html"></iframe>
myFrame.window.functionName();
26. personalbar屬性
語法格式：
window.personalbar.屬性
功能：personalbar屬性本身也是一個物件，用於訪問其自身的visible屬性來確 定個人欄是否可見。
注：IE5.5不支援該屬性。
27. personalbar.visible屬性
語法格式：
window.personalbar.visible
功能：確定個人欄是否可見，如果可見則返回true，反之返回false。
注：IE5.5不支援該屬性。
28. scrollbars屬性
語法格式：
window.scrollbars.屬性
功能：scrollbars屬性本身也是一個物件，用於訪問其自身的visible屬性來確 定滾動欄是否可見。
注：IE5.5不支援該屬性。
29. scrollbars.visible屬性
語法格式：
window.scrollbars.visible
功能：scrollbars.visible用於確定滾動欄是否可見，如果可見則返回true，反 之返回false。
注：IE5.5不支援該屬性。
30. toolbar屬性
語法格式：
window.toolbar.屬性
功能：toolbar屬性本身也是一個物件，用於訪問它自已的visible屬性從而確定 工具欄是否可見。
注：IE5.5不支援該屬性。
31. toolbar.visible屬性
語法格式：
window.toolbar.visible
功能：toolbar.visible屬性用於檢查工具欄是否可見，如果可見則返回true， 反之返回false。
注：IE5.5不支援該屬性。
32. top屬性
語法格式：
window.top.frames[數值]
window.top.frameName
window.top.方法()
window.top.屬性
功能：window物件的top屬性用於包含所有裝入瀏覽器的子視窗(多框架)的最頂層視窗的資訊。
****************************
onactivate
當視窗設定為活動元素時觸發。
onafterprint
視窗所關聯的文件列印或列印預覽後立即在物件上觸發。
onbeforedeactivate
在 activeElement 從當前視窗變為父文件其它視窗之前立即觸發。
onbeforeprint
視窗的關聯文件列印或列印預覽前在物件上觸發。
onbeforeunload
在頁面將要被解除安裝前觸發。
onblur
在視窗失去輸入焦點時觸發。
oncontrolselect
當用戶將要對該視窗製作一個控制元件選中區時觸發。
ondeactivate
當 activeElement 從當前視窗變為父文件其它物件時觸發。
onerror
當視窗裝載過程中發生錯誤時觸發。
onfocus
當視窗獲得焦點時觸發。
onhelp
當用戶在瀏覽器為當前視窗時按 F1 鍵時觸發。
onload
在瀏覽器完成視窗的裝載後立即觸發。
onmove
當視窗移動時觸發。
onmoveend
當視窗停止移動時觸發。
onmovestart
當視窗開始移動時觸發。
onresize
當視窗的大小將要改變時觸發。
onresizeend
當用戶更改完控制元件選中區中物件的尺寸時觸發。
onresizestart
當用戶開始更改控制元件選中區中物件的尺寸時觸發。
onscroll
當用戶滾動視窗的滾動條時觸發。
onunload
在物件解除安裝前立即觸發。
**********************
網頁正文部分上： window.screenTop
網頁正文部分左： window.screenLeft
螢幕解析度的高： window.screen.height
螢幕解析度的寬： window.screen.width
螢幕可用工作區高度： window.screen.availHeight
螢幕可用工作區寬度： window.screen.availWidth
**************************
Javascript 中parent, opener, top的區別
top：該變更永遠指分割視窗最高層次的瀏覽器視窗。如果計劃從分割視窗的最高層次開始執行命令，就可以用top變數。
parent：該變數指的是包含當前分割視窗的父視窗。如果在一個視窗內有分割視窗，而在其中一個分割視窗中又包含著分割視窗，則第2層的分割視窗可以用parent變數引用包含它的父分割視窗。
opener：指用WINDOW.OPEN等方式建立的新視窗對應的原視窗。
***************************
Javascript重新整理頁面的幾種方法：
程式程式碼
1 history.go(0)
2 location.reload()(推薦)
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
自動重新整理頁面的方法:
1.頁面自動重新整理：把如下程式碼加入<head>區域中
程式程式碼
<meta http-equiv="refresh" content="20">
其中20指每隔20秒重新整理一次頁面.
2.頁面自動跳轉：把如下程式碼加入<head>區域中
程式程式碼
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒後跳轉到http://www.wyxg.com頁面
3.頁面自動重新整理js版
程式程式碼
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒重新整理一次
</script>
JS重新整理框架的指令碼語句
window.opener 的用法
window.opener 返回的是建立當前視窗的那個視窗的引用，
程式程式碼
//如何重新整理包含該框架的頁面用
<script language=JavaScript>
parent.location.reload();
</script>
//子視窗重新整理父視窗
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">重新整理</a> )
//如何重新整理另一個框架的頁面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
parent.location.reload(); //子視窗重新整理父視窗
self.opener.location.reload(); //子視窗重新整理開啟該子視窗的視窗
parent.otherFrameID.location.reload(); //自視窗重新整理兄弟視窗
top.location.reload(); //子視窗重新整理頂級視窗（或根視窗）
如果想關閉視窗時重新整理或者開啟窗時重新整理的話，在<body>中呼叫以下語句即可。
<body onload="opener.location.reload()"> 開窗時重新整理
<body onUnload="opener.location.reload()"> 關閉時重新整理
<script language="javascript">
window.opener.document.location.reload() ......
</script>
例如，如果有多個javascript語句用分號;隔開。
onClick="javascript:opener.document.location.reload();window.close()"
*****************************
window.onload可以在頁面載入時執行某個函式。
window.onload=function(){
.....
}
*********************
在點選瀏覽器上的後退時，重新整理頁面：
function houtui()
{
if(document.getElementById("t1").value==0){
//當後退時，t1的value是1這是我們重新整理頁面。
document.getElementById("t1").value=1;
}else{
//注意這裡的重新整理頁面只能使用下面的語句，使用其他語句在IE裡面沒有問題但是在火狐中會出現不停重新整理的情況。
document.location=document.location;
}
}
window.onload=function(){
houtui();
}
<input type="hidden" value="0" id="t1"/>
如果是jsp頁面要在點選瀏覽器上的後退時，重新整理頁面。只要可以在頁面中加入不保留快取的語句即可：
<%
response.setHeader("Cache-Control","no-store");
response.setDateHeader("Expires", 0);
response.setHeader("Pragma","no-cache");
%>
或者直接使用下面語句不保留快取
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="cache-control" content="no-store"/>
<meta http-equiv="expires" content= "0"/>
********************************
javascript獲取滑鼠選中的文字(selection)
function getSelectText(){
var txt = null;
if (window.getSelection){ // mozilla FF
txt = window.getSelection();
}
else if (document.getSelection){
txt = document.getSelection();
}
else if (document.selection){ //IE
txt = document.selection.createRange().text;
}
return txt;
}
文字的選中與選不中要用到window.getSelection（Firefox）和document.selection（IE）！
document.getElementById('div').onmousemove = function(){
window.getSelection?window.getSelection().removeAllRanges() : document.selection.empty();
};
window.outerHeight
功能：outerHeight屬性用於訪問瀏覽器視窗的畫素高度，該高度包括工具欄和 裝飾邊的高度。
注：IE5.5不支援該屬性。
22. outerWidth屬性
語法格式：
window.outerWidth
功能：outerWidth屬性用於訪問瀏覽器視窗的畫素寬度，該寬度包括工具欄和裝 飾邊的寬度。
注：IE5.5不支援該屬性。
23. pageXOffset屬性
語法格式：
window.pageXOffset=數值
功能：指定瀏覽器視窗中文件左上角在視窗中的當前水平畫素位置。在利用 moveTo移動之前，可以通過該屬性來決定是否需要移動視窗。因為該屬性返回了
注：IE5.5不支援該屬性。
24. pageYOffset屬性
語法格式：
window.pageYOffset=數值
功能：指定瀏覽器視窗中文件左上角在視窗中的當前垂直畫素位置。在利用moveTo移動之前，可以通過該屬性來決定是否需要移動視窗。因為該屬性返回了 可見文件相對整個頁面的當前位置。
注：IE5.5不支援該屬性。
25. parent屬性
語法格式：
window.parent.frames[數值]
window.parent.framesName
功能：訪問各個子視窗(多框架)所在的父視窗。
window.parent，得到父視窗的物件。
在子視窗iframe，呼叫父視窗頁面中的方法：
window.parent.test();
例如iframe中的頁面要呼叫其父視窗(就是包含此iframe的頁面)中的函式，則在iframe中這樣寫：
parent.parent_fun_name('引數');
父視窗呼叫iframe子視窗方法
<iframe name="myFrame" src="child.html"></iframe>
myFrame.window.functionName();
26. personalbar屬性
語法格式：
window.personalbar.屬性
功能：personalbar屬性本身也是一個物件，用於訪問其自身的visible屬性來確 定個人欄是否可見。
注：IE5.5不支援該屬性。
27. personalbar.visible屬性
語法格式：
window.personalbar.visible
功能：確定個人欄是否可見，如果可見則返回true，反之返回false。
注：IE5.5不支援該屬性。
28. scrollbars屬性
語法格式：
window.scrollbars.屬性
功能：scrollbars屬性本身也是一個物件，用於訪問其自身的visible屬性來確 定滾動欄是否可見。
注：IE5.5不支援該屬性。
29. scrollbars.visible屬性
語法格式：
window.scrollbars.visible
功能：scrollbars.visible用於確定滾動欄是否可見，如果可見則返回true，反 之返回false。
注：IE5.5不支援該屬性。
30. toolbar屬性
語法格式：
window.toolbar.屬性
功能：toolbar屬性本身也是一個物件，用於訪問它自已的visible屬性從而確定 工具欄是否可見。
注：IE5.5不支援該屬性。
31. toolbar.visible屬性
語法格式：
window.toolbar.visible
功能：toolbar.visible屬性用於檢查工具欄是否可見，如果可見則返回true， 反之返回false。
注：IE5.5不支援該屬性。
32. top屬性
語法格式：
window.top.frames[數值]
window.top.frameName
window.top.方法()
window.top.屬性
功能：window物件的top屬性用於包含所有裝入瀏覽器的子視窗(多框架)的最頂層視窗的資訊。
****************************
onactivate
當視窗設定為活動元素時觸發。
onafterprint
視窗所關聯的文件列印或列印預覽後立即在物件上觸發。
onbeforedeactivate
在 activeElement 從當前視窗變為父文件其它視窗之前立即觸發。
onbeforeprint
視窗的關聯文件列印或列印預覽前在物件上觸發。
onbeforeunload
在頁面將要被解除安裝前觸發。
onblur
在視窗失去輸入焦點時觸發。
oncontrolselect
當用戶將要對該視窗製作一個控制元件選中區時觸發。
ondeactivate
當 activeElement 從當前視窗變為父文件其它物件時觸發。
onerror
當視窗裝載過程中發生錯誤時觸發。
onfocus
當視窗獲得焦點時觸發。
onhelp
當用戶在瀏覽器為當前視窗時按 F1 鍵時觸發。
onload
在瀏覽器完成視窗的裝載後立即觸發。
onmove
當視窗移動時觸發。
onmoveend
當視窗停止移動時觸發。
onmovestart
當視窗開始移動時觸發。
onresize
當視窗的大小將要改變時觸發。
onresizeend
當用戶更改完控制元件選中區中物件的尺寸時觸發。
onresizestart
當用戶開始更改控制元件選中區中物件的尺寸時觸發。
onscroll
當用戶滾動視窗的滾動條時觸發。
onunload
在物件解除安裝前立即觸發。
**********************
網頁正文部分上： window.screenTop
網頁正文部分左： window.screenLeft
螢幕解析度的高： window.screen.height
螢幕解析度的寬： window.screen.width
螢幕可用工作區高度： window.screen.availHeight
螢幕可用工作區寬度： window.screen.availWidth
**************************
Javascript 中parent, opener, top的區別
top：該變更永遠指分割視窗最高層次的瀏覽器視窗。如果計劃從分割視窗的最高層次開始執行命令，就可以用top變數。
parent：該變數指的是包含當前分割視窗的父視窗。如果在一個視窗內有分割視窗，而在其中一個分割視窗中又包含著分割視窗，則第2層的分割視窗可以用parent變數引用包含它的父分割視窗。
opener：指用WINDOW.OPEN等方式建立的新視窗對應的原視窗。
***************************
Javascript重新整理頁面的幾種方法：
程式程式碼
1 history.go(0)
2 location.reload()(推薦)
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
自動重新整理頁面的方法:
1.頁面自動重新整理：把如下程式碼加入<head>區域中
程式程式碼
<meta http-equiv="refresh" content="20">
其中20指每隔20秒重新整理一次頁面.
2.頁面自動跳轉：把如下程式碼加入<head>區域中
程式程式碼
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒後跳轉到http://www.wyxg.com頁面
3.頁面自動重新整理js版
程式程式碼
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒重新整理一次
</script>
JS重新整理框架的指令碼語句
window.opener 的用法
window.opener 返回的是建立當前視窗的那個視窗的引用，
程式程式碼
//如何重新整理包含該框架的頁面用
<script language=JavaScript>
parent.location.reload();
</script>
//子視窗重新整理父視窗
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">重新整理</a> )
//如何重新整理另一個框架的頁面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
parent.location.reload(); //子視窗重新整理父視窗
self.opener.location.reload(); //子視窗重新整理開啟該子視窗的視窗
parent.otherFrameID.location.reload(); //自視窗重新整理兄弟視窗
top.location.reload(); //子視窗重新整理頂級視窗（或根視窗）
如果想關閉視窗時重新整理或者開啟窗時重新整理的話，在<body>中呼叫以下語句即可。
<body onload="opener.location.reload()"> 開窗時重新整理
<body onUnload="opener.location.reload()"> 關閉時重新整理
<script language="javascript">
window.opener.document.location.reload() ......
</script>
例如，如果有多個javascript語句用分號;隔開。
onClick="javascript:opener.document.location.reload();window.close()"
*****************************
window.onload可以在頁面載入時執行某個函式。
window.onload=function(){
.....
}
*********************
在點選瀏覽器上的後退時，重新整理頁面：
function houtui()
{
if(document.getElementById("t1").value==0){
//當後退時，t1的value是1這是我們重新整理頁面。
document.getElementById("t1").value=1;
}else{
//注意這裡的重新整理頁面只能使用下面的語句，使用其他語句在IE裡面沒有問題但是在火狐中會出現不停重新整理的情況。
document.location=document.location;
}
}
window.onload=function(){
houtui();
}
<input type="hidden" value="0" id="t1"/>
如果是jsp頁面要在點選瀏覽器上的後退時，重新整理頁面。只要可以在頁面中加入不保留快取的語句即可：
<%
response.setHeader("Cache-Control","no-store");
response.setDateHeader("Expires", 0);
response.setHeader("Pragma","no-cache");
%>
或者直接使用下面語句不保留快取
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="cache-control" content="no-store"/>
<meta http-equiv="expires" content= "0"/>
********************************
javascript獲取滑鼠選中的文字(selection)
function getSelectText(){
var txt = null;
if (window.getSelection){ // mozilla FF
txt = window.getSelection();
}
else if (document.getSelection){
txt = document.getSelection();
}
else if (document.selection){ //IE
txt = document.selection.createRange().text;
}
return txt;
}
文字的選中與選不中要用到window.getSelection（Firefox）和document.selection（IE）！
document.getElementById('div').onmousemove = function(){
window.getSelection?window.getSelection().removeAllRanges() : document.selection.empty();
};