window 對象
1.window對象屬性
(1)name屬性:表示窗口的名稱,其值由打開它的連接(<a target=" ">)或浮動框架頁面(iframe name='' '')或者一個窗口調用的open()方法決定。
(2)defaultStatus、status屬性:defaultStatus設置或返回窗口狀態欄中的默認文本;status表示窗口下方的‘’狀態欄‘’所顯示的內容。
(3)self、parent、top、opener屬性:①self指的是窗口本身。返回對象和window一樣。常用的是self.close();;parent返回窗口的所屬的框架頁對象;top返回佔據整個瀏覽器窗口的最頂端的框架對象,但HTML5中不支持框架。opener返回本窗口的父窗口對象,如果窗口不是由其他窗口打開,在Netscape瀏覽器中opener返回null,在IE瀏覽器中返回undefined。
(4)closed屬性:只讀屬性返回true或者false,表示窗口是否關閉。
2.window對象方法
(1)alert(message)、confirm(message)、prompt(message,defaultValue)方法:這三個分別彈出一個對話框,來處理用戶輸入。
confirm:彈出一個對話框,包括確定和取消兩個按鈕。
confirm(message);
alert:彈出一個警示對話框,message爲警示內容。
alert(message);
prompt:彈出一個用戶輸入的對話框,包括確定和取消內容,點擊確定返回文本框內容,點擊取消返回null。
var userName=window.prompt("請輸入用戶名","");
如下實例:/*function a(){
var userName=window.prompt("請輸入用戶名","");
if(userName=="張三"){
alert("歡迎"+userName);
}
else{
document.close();
}
if(confirm("確定打開新的窗口")){
window.open("https://www.baidu.com");
}
else{
}
}
a();*/
(2)①moveBy(deltaX,deltaY)方法吧窗口左上角相對當前窗口的座標位置移動(deltaX,deltaY)像素;②moveTo方法把窗口的左上角移動到(x,y)的做標上;③resizeBy方法調整當前窗口的大小增加deltaX寬度deltaY高度;④resizeTo(x,y)把窗口大小調整到指定x,y大小;ScrollBy方法滾動內容水平x像素,垂直方向y像素;ScrollTo方法把內容滾動到(x,y)座標位置。
(3)open(url,windowName,"name1=value1[,name2=value2],[.....]")方法:該方法用來打開一個新的窗口。
(4)setInterval(code,delay)、setTimeout(code,delay)、clearInterval(intervalID)、clearTimeout(intervalID)方法:分別用來設置或者清除定時器。
①setInterval方法:按照指定的週期來調用函數或者計算表達式。code參數可以是函數或者用引號擴起來的計算表達式。
②setTimeout方法:指定毫秒數後調用函數或者計算表達式。code表示函數名或者用引號括起來的計算表達式;delay表示延遲或者重複執行的間隔毫秒數。
③clearInterval方法:用來取消由setInterval設置的定時器。
④clearTimeout方法:用來取消setTimeout設置的定時器。
(5)close方法:該方法用來關閉瀏覽器。
以下是圖片的淡出:
var b= window.οnlοad=function (){
if(flag=true)
p++;
else
p--;
if(p==100){
p--;
flag=false;
}
if(p==10){
p++;
flag=true;
}
document.getElementById("myImage").style.opacity=p/100;
//window.setTimeout("b()",30);
}
window.setInterval(b,30);