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笔记(4)

3.JavaScript事件

定义

JavaScript组成

1.ECMAScript：基本语法规则，六种基础数据类型

2.BOM：浏览器对象模型

3.DOM：文档对象模型(DOM树/节点树)

事件组成三要素

事件的注册

JavaScript在Web应用中的3大做用

1.DOM操做

2.控制样式

3.动画效果