欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript瀏覽器對象之一Window對象詳解

 更新時間:2016年06月03日 15:24:25   投稿:jingxian  
下面小編就為大家?guī)硪黄狫avaScript瀏覽器對象之一Window對象詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

JavaScript提供了一組以window為核心的對象,實現(xiàn)了對瀏覽器窗口的訪問控制。JavaScript中定義了6種重要的對象:

window對象 表示瀏覽器中打開的窗口;

document對象 表示瀏覽器中加載頁面的文檔對象;

location對象包含了瀏覽器當(dāng)前的URL信息;

navigation對象 包含了瀏覽器本身的信息;

screen對象 包含了客戶端屏幕及渲染能力的信息;

history對象 包含了瀏覽器訪問網(wǎng)頁的歷史信息。

除了window對象之外,其他的5個對象都是window對象的屬性,它們的關(guān)系如下圖:
javascript瀏覽器對象

一、window對象

window對象就是JavaScript的Global對象,所以在使用window對象的屬性和方法是不需要特別指明。如:alert,實際上完整的調(diào)用是window.alert,通常省略了window對象的引用。

1. windows對象的屬性、方法、和事件

window對象的屬性
屬性名 作用 demo
name 指定窗口的名稱
parent 當(dāng)前窗口(框架)的父窗口,使用它返回對象的方法和屬性
opener 返回產(chǎn)生當(dāng)前窗口的窗口對象,使用它返回對象的方法和屬性
top 代表主窗口,是最頂層的窗口,也是所有其他窗口的父窗口??赏ㄟ^該對象訪問當(dāng)前窗口的方法和屬性
self 返回當(dāng)前窗口的一個對象,可通過該對象訪問當(dāng)前窗口的方法和屬性
defaultstatus 返回或設(shè)置將在瀏覽器狀態(tài)欄中顯示的默認內(nèi)容
status 返回或設(shè)置將在瀏覽器狀態(tài)欄中顯示的指定內(nèi)容

window對象的方法
方法名
作用
demo
alert()
顯示一個警示對話框,包含一條信息和一個確定按鈕

confirm()
顯示一個確認對話框

prompt()
顯示一個提示對話框,提示用戶輸入數(shù)據(jù)

open()
打開一個已存在的窗口,或者創(chuàng)建一個新窗口,并在該窗口中加載一個文檔

close()
關(guān)閉一個打開的窗口

navigate()
在當(dāng)前窗口中顯示指定網(wǎng)頁

setTimeout()
設(shè)置一個定時器,在經(jīng)過指定的時間間隔后調(diào)用一個函數(shù)

clearTimeout()
給指定的計時器復(fù)位

focus()
使一個Window對象得到當(dāng)前焦點

blur()
使一個Window對象失去當(dāng)前焦點

Window對象事件
事件
說明
demo
onload
HTML文件載入瀏覽器時發(fā)生

onunload
HTML文件從瀏覽器刪除時發(fā)生

onfocus
窗口獲得焦點時發(fā)生

onblur
窗口失去焦點時發(fā)生

onhelp
用戶按下F1鍵時發(fā)生

onresize
用戶調(diào)整窗口大小時發(fā)生

onscroll
用戶滾動窗口時發(fā)生

onerror
載入HTML文件出錯時發(fā)生


2. window對象提供的主要功能:

調(diào)整窗口的尺寸和位置、打開新窗口、系統(tǒng)提示框、狀態(tài)欄控制、定時操作,下面分別對這5個功能詳細講述。

(1) 調(diào)整窗口的尺寸和位置

方法

用法

說明

window.moveBy

將瀏覽器窗口移動到指定位置(相對定位)

window.moveBy(dx,dy)

出于安全性和對用戶有好的考慮,不允許使用JavaScript腳本將窗口移動到可視區(qū)域之外,必須始終保證瀏覽器窗口在屏幕的可視區(qū)域。

window.moveTo

將瀏覽器窗口移動到指定位置

(絕對定位)

window.moveBy(x,y)

如果指定的坐標(x,y)會使部分或全部窗口置于可視區(qū)域之外,那么窗口將停留在最接近屏幕邊緣的位置。

window.resizeBy

將瀏覽器窗口的尺寸改變指定的寬度和高度(相對調(diào)整窗口大?。?/span>

window.resizeBy(dw,dh)

window.resizeTo

將瀏覽器窗口的尺寸改變指定的寬度和高度(絕對調(diào)整窗口大小)

window.resizeTo(w,h)

指定的寬度和高度不能為負數(shù)

(2) 打開新窗口

用法:window.open([url],[target],[options])

參數(shù)url:打開新新窗口將要加載的url。如果未指定參數(shù),將默認加載空白頁。如:window.open("test.htm");

參數(shù)target:新打開窗口的定位目標或者名稱

_self 在當(dāng)前窗口加載新頁面

_blank 在新窗口加載新頁面

_parent 在父窗口加載新頁面

_top在頂層窗口加載新頁面

參數(shù)options:新打開窗口的屬性,是由若干個選項組成,選項之間用逗號分隔開,每個選項都包含了選項的名稱和值。

選項

說明

height

窗口的高度,單位像素

width

窗口的寬度,單位像素

left

窗口的左邊緣位置

top

窗口的上邊緣位置

fullscreen

是否全屏,默認值no

location

是否顯示地址欄,默認值yes

menubar

是否顯示菜單欄,默認值yes

resizable

是否允許改變窗口大小,默認值yes

scrollbars

是否顯示滾動條,默認值yes

status

是否顯示狀態(tài)欄,默認值yes

titlebar

是否顯示標題欄,默認值yes

toolbar

是否顯示工具條,默認值yes

(3) 系統(tǒng)提示框

window.alert 顯示消息提示框,用法 window.alert([Message]); (注:一般都省略window對象,直接使用alert

window.confirm 顯示一個確認對話框,其中包括“確定”和“取消”按鈕。

window.prompt 顯示一個消息提示框,其中包含一個文本輸入框。
用法:window.prompt([Message],[default]); Message是顯示在提示框上的文本,default是設(shè)置文本框的默認值。

(4) 狀態(tài)欄控制

通過window.status屬性進行控制。如:window.status="錯誤提示"; 這樣做會影響用戶體驗,所以不建議對狀態(tài)欄信息進行修改。

(5) 定時操作

定時操作是web開發(fā)中常用功能,在基于Ajax技術(shù)的開發(fā)中,有一類應(yīng)用需要定時的訪問后臺服務(wù)器并且更新前臺頁面,這類應(yīng)用實現(xiàn)通常依賴于定時操作函數(shù)。

定時操作函數(shù)有四個:window.setInterval、window.clearInterval、window.setTimeout、window.clearTimeout,這四個函數(shù)都是window對象的方法,這說明瀏覽器中的定時操作是由瀏覽器窗口完成的。下面對這四種方法的用法詳細介紹。

① window.setInterval 設(shè)置定時器,每隔一段時間執(zhí)行指定的代碼 window.setInterval(code,time);

說明: code參數(shù)可以是一個函數(shù),也可以是一個字符串形式的JavaScript代碼

time參數(shù)是執(zhí)行代碼的時間間隔,單位是ms。

② window.clearInterval 清除setInterval函數(shù)設(shè)置的定時器 window. clearInterval(time);

③ window.setTimeout 設(shè)置定時器,每隔一段時間執(zhí)行指定的代碼 window.setTimeout(code,time);

說明: code參數(shù)可以是一個函數(shù),也可以是一個字符串形式的JavaScript代碼,setTimeout與setInterval區(qū)別在于setTimeout對指定的代碼只執(zhí)行一次。

time參數(shù)是執(zhí)行代碼的時間間隔,單位是ms。

④ window.clearTimeout 清除 setTiimeout 函數(shù)設(shè)置的定時器 window. clearTimeout(time);

以上這篇JavaScript瀏覽器對象之一Window對象詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論