JavaScript十七:事件(概述);DOM(概述);

博客介绍了JavaScript中的事件和DOM。事件如onclick等,核心是明确发生时间和实现的功能,常与HTML混写。DOM即文档对象模型,常用操作包括通过id、name获取元素等。事件触发后调用JS函数,函数通过DOM操作HTML元素实现功能。

事件概述:

● 事件:前面遇到的onclick,onchange,onload都是事件; 前面对表单元素进行控制时,多次用到了事件;

● 事件主要核心有两点:(1)事件在什么时候发生;(2)事件达到什么效果(实现了什么功能)。

注:事件是JS的,所以,像下面在html代码中写事件,就是JavaScript和HTML混着写的情况

事件的关键是,什么时候用事件,以及这个事件要实现什么功能


2.DOM概述

DOM:Document Object Model(文档对象模型)

 

常用的dom操作:

例如,前面几篇博客中,通过id,name获取元素;改变HTML属性(如,该表img的src属性实现更改图片的例子)等都是DOM应用的实例;


注解:

(1)说白了,事件是JS事件,事件是在HTML中添加的on***=“”;当HTML控件发生对应变化后(或被操作后),会触发对应的事件on**="",从而会调用JS中对应的的函数;

(2)JS中的函数想要完成某些功能,势必要操作HTML中的控件,此时就通过DOM获取HTML中的元素的“可操作的对象模型?”,从而通过DOM中的一系列方法,实现对HTML中元素的操作,实现对应的功能;

(3)事件和DOM都是JavaScript中的技术,其底层原理,目前阶段貌似暂没必要深究;

(4)再次说明,JavaScript是浏览器内嵌的脚本语言,浏览器可以自行解释JavaScript;(20210110)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值