天天看點

javascript中BOM對象(一)——window對象

javascript中BOM對象(一)——window對象

window對象存在一些方法和屬性,下面進行列舉

一、屬性

①window.closed 判斷window對象是否關閉,如果關閉則傳回true

②window.document:傳回的是該頁面對應的代碼,同時也可以使用window.document.url 來輸出url位址

③window.length 傳回的是該頁面的中架構的個數

④window.innerHeight/window.innerWidth:傳回的是頁面的文本的寬度和高度,不包括上面的導航和工具欄

⑤localStroage,可以将資料以鍵值對的形式儲存在浏覽器中,除非手動删除,否則一直存在,并且相對應的方法是localStorage.getItem(“name”)和localStorage.setItem(“name”,“dl”) 用來設定和擷取屬性

⑥window.name 用來擷取window對象的名稱

⑦window.opener :傳回的是打開該視窗的視窗。

⑧outerHeight和outerWidth :表示的是包括外部的滾動條以及外部的工作欄等,但是innerHeigt和innerWidth不包括。

⑨pageXOffset /pageYOffset :設定或傳回目前頁面相對于視窗顯示區左上角的 X 位置和 設定或傳回目前頁面相對于視窗顯示區左上角的 Y 位置

⑩window.parent :傳回的是目前的父視窗

11、screenTop/screenLeft: 傳回距離左上角螢幕的距離

12、screenX screenY:傳回距離左上角螢幕的距離

13、sessionStorage :這個屬性可以将一個網站的資料存儲臨時存儲下來,這個會話的資料會随着會話的結束,進而删除,相對于的方法有sessionStorage.getItem(“name”)和sessionStorage.setItem(“name”,“dl”)

14、self :就是目前window對象的引用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>docuement</title>
<script>
function check(){
	if (window.top!=window.self) {
		document.write("<p>這個視窗不是最頂層視窗!我在一個架構?</p>")
	}
	else{ 
		document.write("<p>這個視窗是最頂層視窗!</p>")
	} 
}
</script>
</head>
<body>
	
<input type="button" onclick="check()" value="檢查視窗">
	
</body>
</html>
           

這裡判斷是否是最頂層視窗

二、方法

①alert():将語句以彈框的形式彈出

②clearInterval():用來清除定時器

③clearTimeOut():用來清除定時器

④setInterval():用來設定定時器,裡面跟一個回調函數,和時間,最終傳回的值是對應的序号(id)。

⑤setTimeOut():設定定時器,同上

⑥、getComputedStyle():擷取指定元素的css樣式

⑦、getPropertyvalue():擷取指定樣式的value值。

⑧、matchMedia():用來比對網頁的大小

function match(x){
      if(x.matches){
        document.body.style.backgroundColor="green"
      }else{
        document.body.style.backgroundColor = "yellow"
      }
    }
    let x = window.matchMedia("(max-width:700px)");
    match(x);
           

⑨、 moveBy():就是将一個window對象移動指定像素

⑩、moveTo():就是将window對象移動到某一個位置

11、window.focus():把鍵盤焦點給予一個視窗。

12、window.open():新打開一個頁面

13、window.print():列印目前頁面

14、prompt():顯示提示框

15、window.resizeBy():設定視窗大小

16、resizeTo():設定視窗指定大小

17、window.scrollBy():将滾動條滾動多少

18、window.scrollTo():将滾動條滾動到…

19、window.stop():停止架構載入。

如果出現彈框屏蔽,可以判斷該彈框的是否是null

let wroxWin = window.open("https://www.baidu.com","wroxwin","height=400,width=400,top=10,left=10,resizable = yes");
    if(wroxWin == null){
      alert("彈框")
    }else{
      alert("沒有被屏蔽")
    }
           

繼續閱讀