收好!詳解JavaScript中常見的window對象方法使用

前兩天給大家簡單介紹了JavaScript對象概念,今天繼續給大家說JavaScript對象。JavaScript是運行在瀏覽器中的,同樣很多對象和瀏覽器窗口進行交互。這些對象有window、document、location、navigator和screen等,他們統稱為BOM(Brower Object Model)。

收好!詳解JavaScript中常見的window對象方法使用

window對象

window對象表示整個瀏覽器窗口,對操作瀏覽器窗口非常有用。以下四個方法最常用。

1、moveBy(x,y):該方法表示把瀏覽器窗口相對於當前位置水平移動x個像素,垂直移動y個像素。x、y為負數時則向相反的方向移動。

2、moveTo(x,y):該方法表示把窗口移動到用戶屏幕(x,y)處,使用負數表示會把窗口移除屏幕。

3、resizeby(x,y):表示相當於瀏覽器窗口的當前大小,把寬度增加了x個像素,高度增加y個像素,(x,y)為負數表示窗口縮小程度。

4、resizeTo(x,y):表示把窗口寬度調整到x像素,把窗口高度調整到y像素,(x,y)不能為負數。

這四個方法,屏幕的座標原點都是在左上角,x軸的正方向是從左到右,y軸的正方向為從上到下。

收好!詳解JavaScript中常見的window對象方法使用

windows對象另外一個常用的方法就是open(),它主要用來打開新的串口。它有四個參數分別是新窗口url、新窗口名稱、特徵字符串說明、新窗口是否替換當前載入頁面的布爾值,一般是使用前兩個或者前三個參數。例如window.open(“http://localhost”,“_blank”);這段代碼可以解釋為用戶單擊一個鏈接,地址為http://localhost,這個鏈接在新窗口打開。也可以設置其他的參數比如說left、top、height、width等。比如說window.open(“http://localhost”,“_blank”,“height=200,width=300,top=30,left=40,resizeble=yes”);。另外還可以調用close()方法關閉新建的窗口:oWin.close();如果有新建窗口有代碼段,可以用window.close();關閉其自身。

收好!詳解JavaScript中常見的window對象方法使用

除了這些,還可以通過其他方式向用戶彈出信息,即利用window對象的alert()、confirm()和prompt()方法。alert()是常用的windows方法,就不詳細介紹了。confirm() 用於顯示一個帶有指定消息和 OK 及取消按鈕的對話框。prompt()方法可以讓用戶輸入參數,從而實現進一步的交互。它有兩個參數,第一個參數顯示給用戶文本,第二個參數為文本框的默認值。返回字符串,值即為用戶輸入。

如果有漏掉其他方法,歡迎大家補充。每天學習一個知識點,每日寄語“寧可清貧自樂,不可濁富多憂。”


分享到:


相關文章: