JS物件 4 視窗物件 window

2021-10-23 05:08:13 字數 2154 閱讀 1272

window物件

window,self 指向window物件本身

所有全域性變數都是window物件的屬性

一.視窗資訊

1.innerheight 瀏覽器視窗內容區域高度

2.innerwidth 瀏覽器視窗內容區域寬度

3.outerheight 瀏覽器視窗總高度

4.outerwidth 瀏覽器視窗總寬度

5.pagexoffset 水平滾動過的畫素數

6.pageyoffset 垂直滾動過的畫素數

二.窗**互

1.blur()

視窗失去焦點

(好像沒卵用)

2.focus()

視窗獲取焦點

(好像沒卵用)

3.open

() 開啟視窗

4.close()

關閉視窗

(有相容性問題,谷歌瀏覽器只能關閉由js建立的視窗,如window.open和a標籤)

5.stop

() 停止載入文件

6.print

() 提示使用者列印

7.scrollby(,

) 相對當前位置滾動

8.scrollto(,

) 滾動到指定位置

9.alert

() 提示框

10.confirm

() → 確認框

11.prompt(,

) → 《字串》 輸入框

三.跨文件訊息傳遞

1.不同源(

1)在a視窗中獲取b視窗物件,傳送訊息至b視窗

視窗名已存在的視窗,則不建立直接跳轉

bwin = awin.

open

(鏈結 [

,視窗名,

"",替換或新增條目布林值]);

bwin.

postmessage

(《資料》

,《接收方:協議+網域名稱+埠》);

(2)在b視窗中監聽訊息事件

bwin.

addeventlistener

("message"

,function

(e),

false);

2.同源(1

)在a視窗中獲取b視窗物件,

b視窗物件可獲取a視窗物件

bwin = awin.

open

();bwin.opener == awin;

bwin.

receive

(《資料》);

//可訪問對方的屬性方法(2

)在b視窗中建立對應方法

bwin.

receive

=function

(《資料》

)四.計時器

1.settimeout

(<

function

>

,) → 超時計時器

2.setinterval

(<

function

>

,) → 間隔計時器

3.cleartimeout

() 撤銷超時計時器

4.clearinterval

() 撤銷間隔計時器

5.requestanimationframe

(<

function

>

) 超時計時器,瀏覽器最短的間隔時間

五.編碼解碼

encodeuri

(urlstr) 轉utf

-8編碼

decodeuri

(urlstr) 解碼encodeuri編碼過的

encodeuricomponent

(urlstr) 轉utf-8

編碼(包含特殊符號: @#$&=:/

,;?+

)decodeuricomponent

(urlstr) 解碼encodeuricomponent編碼過的

btoa

(str) 轉base64編碼

atob

(str) 解碼base64編碼

escape 轉unicode編碼

(可用,但已廢棄)

unescape 解碼unicode編碼

(可用,但已廢棄)

```

獲取子視窗的window物件

iframe沒有設定id和name屬性值,chrome控制台顯示iframe名則是擷取url位址最後乙個斜槓後面的部分 猜測 iframe設定了id值但沒有設name屬性值,chrome控制台顯示iframe名則是id屬性值 iframe同時設定了id值和name屬性值,chrome控制台顯示ifr...

js中的window物件

window 物件常見的方法 open 方法 作用是開啟乙個新的視窗 open 新的位址url 彈出新的視窗的名字 視窗的特徵描述 視窗的特徵描述 是乙個字串,每乙個特徵用 隔開 window子物件 document window.document location window.location ...

js利用window物件快取變數

專案中要驗證網點是否是合法網點,但系統網點很多,如果每次驗證都請求後台,會很慢。解決方法是利用window快取變數。如下 deptcodei ist 把網點快取起來,避免多次請求後台 if window key return false ajax datatype json async false,...