JavaScript:window屬性和方法

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);




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章