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

目录

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

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

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

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

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

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

7、JS中的注释

---

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

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

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

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

<input type="submit" onclick="window.alert('hello  world!')；
           alert('天下第一')
           alert('无人能敌')"/>

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

alert是弹出会话框函数

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

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

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

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

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

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

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

JS代码是自上而下执行

<script type="text/javascript">
 
alert("天下第一");
 
</script>

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

<script  type="text/javascript"  src="***.js">
 
//引入的js文件后这里就不能写js的代码了
 
</script>

7、JS中的注释

单行注释    //

多行注释    /*  */

notes:

HTML中的注释<!---->

CSS中的注释  /* * /