事件三要素

2022-07-29 23:30:43 字數 1611 閱讀 2843

dom:文件物件模型

bom:瀏覽器物件模式

js以事件驅動為核心的一們語言

事件三要素

1、事件源

a)執行者

b)誰引發的事件,事件的標籤,動作

2、事件

a)執行的事情

b)  已經定義好的(點選,滑鼠移上……)

3、事件驅動程式(處理元素 )

a)執行結果

b)  對樣式和html標籤的(dom操作)

執行事件步驟

1、獲取事件源

document,getelementbyid(「 事件源」)

2、繫結事件

事件源 . 事件=function()

繫結事件的方法

var div=document.getelementbyid("

box"

);

//匿名繫結

div.onclick=function();

//不能寫返回值 (用函式名繫結)

div.onclick=fu;

function fu();

//行內繫結

"box

" onclick="

fu()

">

function fu();

操作標籤屬性

ddd.classname = "

aaa";//

操作事件新增類名屬性改變樣式

div.style.width="

400px

";//

操作事件的style屬性新增樣式

有許可權問題,用的時候小心

closebanner.classname+="

hide"//

保留原類名,新增新類名

closebanner.classname="

hide"//

替換舊類名

windows.onload事件

1、頁面載入完畢(文字和都載入完畢)的時候觸發的事件

2、js和html同步載入,

3、使用元素在定義之前,容易出現錯誤

4、windows.onload的作用就是,防止使用元素在定義之前出現問題。載入完畢後再執行

window.onload=function() "

box">

案例

box" src="

../image/jd1.png

" style="

cursor: pointer;border: 1px solid #ccc;

"/>

//

需求:點選案例,隱藏盒子

//思路:點選a連線,讓top-banner這個盒子隱藏起來()

var closebanner=document.getelementbyid("

closebanner");

var topbanner=document.getelementbyid("

topbanner");

closebanner.onclick =function ()

事件三要素

事件概述 j ascript使我們有能力建立動態頁面,而事件是可以被j ascript偵測到的行為。簡單理解 觸發 響應機制 網頁中的每個元素都可以產生某些可以觸發j ascript的事件,例如,我們可以在使用者點選某按鈕時產生乙個事件,然後去執行某些操作。事件的組成 事件源 事件型別 事件處理函式...

成功三要素

乙個人要想成功,以下三要素是必不可缺的。1 努力。乙個人成功的人士,必須有為了自己的事業拼搏的那種執著。乙個沒有恆心,不能吃一點苦的人,成功的可能性是很渺茫的。完成一件事情,興趣很重要,但不能只憑興趣。因為一件事情,不會是從開始到結束都是能讓你鬥志昂揚的。他會有一段平淡期,甚至低谷期,這時候,就需要...

成功三要素

乙個人要想成功,以下三要素是必不可缺的。1 努力。乙個人成功的人士,必須有為了自己的事業拼搏的那種執著。乙個沒有恆心,不能吃一點苦的人,成功的可能性是很渺茫的。完成一件事情,興趣很重要,但不能只憑興趣。因為一件事情,不會是從開始到結束都是能讓你鬥志昂揚的。他會有一段平淡期,甚至低谷期,這時候,就需要...