event物件 樣式名 Window

2021-09-19 21:01:50 字數 2883 閱讀 1379

event物件

event是乙個瀏覽器內部的物件(注意,不是網頁標籤物件),它代表事件發生的時候跟事件有關的相關資訊的集合體(物件就是資訊的集合體)——它只在事件發生的時候存在!

event通常就只用於獲取在事件發生的時候的有關資訊,比如:滑鼠該時刻的座標位置(x和y),是哪個網頁物件發生了該事件,發生事件的時候是哪個滑鼠按鍵觸發的,或哪個鍵盤上的鍵。以上資訊由以下幾個event屬性來獲取:

event.clientx   ——獲取事件發生的時候滑鼠的x座標位置

event.clienty ——獲取事件發生的時候滑鼠的y座標位置

event.target ——獲取事件發生的時候的那個標籤物件(適用於ff)——類似getelementbyid獲取的物件

event.srcelement ——獲取事件發生的時候的那個標籤物件(適用於ie)——類似getelementbyid獲取的物件

——事件發生的時候的那個標籤物件通常被稱為「事件源」。

event.keycode ——鍵盤事件發生的時候的按鍵的鍵值——鍵盤上每個鍵都對應乙個數字值。

this和event的使用對比:
《標籤名1  on事件名=」函式名f1(this)」  >。。。。。

《標籤名2 on事件名=」函式名f2(event)」 >。。。。。

滿天星星案例知識細節:

var star = document.createelement("img"); //建立乙個標籤名為img的物件——其實也就是標籤

通用形式:var obj = document.createelement(「標籤名」); //建立指定標籤的物件。

var bd = document.body; //代表body那個標籤物件,這裡就是相當於直接獲取了網頁中的body那個標籤物件。

樣式名在js中的寫法

var  obj = document.getelementbyid(「***xx」); 

var v1 = obj.style.樣式屬性名; //取得樣式屬性的值

obj.style.樣式屬性名= 某值; //設定樣式屬性的值

則對照我們的css樣式屬性名:

border, color, font-size, font-weight, background-color, background, border-top, border-top-color…….

則是否就寫成這樣呢?

obj.style.color= ***

obj.style.font-size= ***

obj.style.background-color= ***

上述後兩個是錯誤的語法!

那麼css語法中的樣式屬性名和js語法中的樣式屬性名的對應關係是:將css名中的中槓(-)刪除,並且將其後緊挨著的單詞首字母大寫。——第二個單詞開始首字母大寫。

網頁物件關係圖( dom/bom):

實際上,我們整個瀏覽器和網頁中的物件都有千絲萬縷的各種關係(最主要就是「層次關係」)。。。

window物件

window物件就是「視窗物件」,也就是任何乙個開啟的網頁,其一定是「裝載」到乙個window物件中。window物件就代表該視窗。學習window物件其實無非是學習window所提供的幾個方法(類似學習event物件無非是學習使用event物件的幾個屬性)

window.alert(「這裡是文字資訊」); //可以認為只是乙個文本性提示資訊。

var v1 = window.prompt(「文字提示」,「預設資訊」) //彈出乙個供使用者輸入文字資訊的對話方塊。通常用於向使用者提出乙個需要文本來回答的問題。其會返回乙個「字串值」

var v2 = window.confirm(「乙個是否性的問題」); //彈出乙個向使用者詢問「真假」的問題,使用者可以回答「真假」。通常用於向使用者提出乙個需要進行「是/否」性回答的問題。其會返回乙個布林值(true/false)

window物件彈出視窗的方法:

window.open();——可以彈出乙個「小」視窗,該視窗裡也就能夠「放置」乙個網頁。

語法形式如下:

window.open(「要開啟的網頁位址url」,「自己給新視窗的名字name」,「新視窗的外觀引數設定para」);

name:自定義的名字,遵循命名規則就可以,比如n1, win1, s1

para:此設定有若干項,每項之間用逗號分隔,每項的形式為:項名=值。舉例如下:

width=400,

height=300,

left=500, //表示離螢幕的左邊的距離

top=300, //表示離螢幕的頂部的距離

menubar = yes; //表示開啟的視窗具有選單欄(no就沒有),也可以使用1,0

******* = yes; //表示開啟的視窗具有工具欄(no就沒有),也可以使用1,0

location = yes; //表示開啟的視窗沒有位址列(no就沒有),也可以使用1,0(實際現代瀏覽器對此已經失效了,變成location必須顯示)

scrollbars=yes; //表示開啟的視窗具有滾動條。

…………. 查《dhtml完全手冊》

window物件的定時器方法:

定時器一旦建立,則其會自動「讓別人」允許,其本身要麼「活下去」,要麼「死亡」,「死亡」其實就說是別再反覆「呼叫別人」了--即不會再執行別的**了。對於切換,也就是相當於「不再切換了」。

事件物件event

1.e.client 相對於當前頁面 視窗,不是這個元素 可視區域的左頂點 document.onmousemove function e 2.e.screen 相對於計算機螢幕的左頂點 document.body.onclick function e 3.offset 事件觸發時滑鼠距離該元素左邊...

事件物件(event)

再觸發dom上的某個事件時,會產生乙個事件物件event,這個物件中包含著所有與事件有關的資訊。所有瀏覽器都支援event物件,但支援的方式不同。1.事件物件的獲取 event的獲取 event內容重要內容 2.screenx pagex和clientx的區別 3.pagey和pagex的相容寫法 ...

事件Event物件

當事件發生時,會向呼叫函式傳遞乙個event物件,event 物件記錄當前事件發生時的環境資訊。乙個事件只能對應乙個event物件,並且event 物件是短暫存在的。dom中的 event 物件的使用方法 1 在html 標記中,通過事件來呼叫函式,向函式傳遞乙個 event 引數,該引數就是乙個 ...