嵌入JS的三种方式以及JS的注释

布满荆棘的人生 2024-04-03 08:14 86阅读 0赞

**目录**

1、事件发生的三要素：事件源、事件、监听器

2、JavaScript是一种事件驱动型语言

3、JavaScript代码是由浏览器执行的

4、在HTML中嵌入JS代码的第一种方式

5、在HTML中嵌入JS代码的第二种方式

6、在HTML文件中嵌入JS代码的第三种方式

7、JS中的注释

--------------------

### 1、事件发生的三要素：事件源、事件、监听器 ###

![cfcb611519e245ce8a6982af6401e4a3.png][]

###  ###

### 2、JavaScript是一种事件驱动型语言，只有相应的事件发生了才会去执行相应的代码。如：鼠标点击事件click，鼠标经过事件mouseover等 ###

### 3、JavaScript代码是由浏览器执行的 ###

### 4、在HTML中嵌入JS代码的第一种方式:行间事件 ###

window是JS内置的一个BOM对象可以直接使用，可以省略

alert是弹出会话框函数

在JS中，字符串既可以用双引号，也可以用单引号

事件可以用分号结尾也可以不用。

#### 1、所有的事件句柄都是以标签属性的形式存在的。如input、button的onclick属性。 ####

怎么区分事件和事件句柄？

事件句柄是在事件的基础上添加on

### 5、在HTML中嵌入JS代码的第二种方式：脚本块 ###

脚本块的位置随意可以出现在**任何位置**

JS代码是**自上而下**执行

![b381f909d5024550953e628833792d7a.png][]

### 6、在HTML文件中嵌入JS代码的第三种方式：引入外部JS文件 ###

![db534bd7114c4c7dbd60047c871f01b0.png][]![cab8bc761d904b0ba4804464213cd846.png][]

### 7、JS中的注释 ###

单行注释 //

多行注释 /\* \*/

notes:

HTML中的注释

CSS中的注释 /\* \* /

[cfcb611519e245ce8a6982af6401e4a3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/741e759b6ff543f2a830ec3f3f2f6188.png
[b381f909d5024550953e628833792d7a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/83eecd9fcd6d4c7a8bbfe13771362db6.png
[db534bd7114c4c7dbd60047c871f01b0.png]: https://img-blog.csdnimg.cn/db534bd7114c4c7dbd60047c871f01b0.png
[cab8bc761d904b0ba4804464213cd846.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/00c2109460b34213998f70265dc01abc.png