JavaScript筆記(4)

時間 2020-08-06

標籤 javascript 筆記欄目 JavaScript 简体版

原文原文鏈接

3.JavaScript事件

定義

1.事件是JavaScript事先定義好的
2.JavaScript中事件大多都是以「on……」開頭的
3.事件由三要素組成：事件源、事件名、事件響應程序javascript

JavaScript組成

1.ECMAScript：基本語法規則，六種基礎數據類型

2.BOM：瀏覽器對象模型

BOM對象組成:html

window(頂級對象):java

document(文檔對象)——>DOM
history(歷史對象)
location(地址欄對象)
navigator(瀏覽器對象)
screen(屏幕對象)
……web

3.DOM：文檔對象模型(DOM樹/節點樹)

當頁面被加載時，瀏覽器會建立一個樹形的文檔對象模型瀏覽器

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>文檔標題</title>
</head>
<body>
    <a href="#">個人連接</a>
    <h1>個人標題</h1>
</body>
</html>

元素：全部的html標記dom

節點：ecmascript

整個文檔是一個文檔節點
每一個 HTML 元素是元素節點
HTML 元素內的文本是文本節點
每一個 HTML 屬性是屬性節點
註釋是註釋節點

1.節點樹中的節點彼此擁有層級關係。
2.父（parent）、子（child）和同胞（sibling）等術語用於描述這些關係。
3.父節點擁有子節點。同級的子節點被稱爲同胞（兄弟或姐妹）。函數

在節點樹中，頂端節點被稱爲根（root）
每一個節點都有父節點、除了根（它沒有父節點）
一個節點可擁有任意數量的子
同胞是擁有相同父節點的節點

事件組成三要素

事件源：DOM元素(HTML標籤)
事件名：JavaScript中事先定義好的
事件響應程序：函數動畫

事件的註冊

1.行內註冊(通常不用)
2.動態註冊
注意：ui

1.事件響應程序要放在事件源以後
2.動態註冊時，事件響應程序不要帶"()"
3.在onload事件中註冊：onload 事件會在頁面或圖像加載完成後當即執行

window.onload = function(){
    //註冊事件代碼
}

JavaScript在Web應用中的3大做用

1.DOM操做

2.控制樣式

3.動畫效果

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。