超详细快速入门JavaScript详解(二)

小鱼儿 2023-02-21 09:25 1阅读 0赞

今天让我们来继续一起探讨JavaScript吧, 话不多说,开货,滴滴~~~

**目录**

一. JS运算符

1. 比较运算符

2.特殊情况

二.JS函数/方法

1.函数入门

1、小写的function (相当于：public static 返回值类)

2、参数列表上不能书写var

3、JS中的函数一定有返回值。

未定义返回值，默认返回值undefined

2.注意事项

1、JS中若函数名相同，不存在重载，存在的是方法的覆盖

2、形参未赋值，默认值是undefined

三. JS正则对象

四.JS事件

1.事件简述

2.onclick事件

3.绑定多个函数

4. 绑定事件的两种方式

5. 匿名函数

6. onsubmit事件 （最特殊的事件）

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

# 一. **JS运算符** #

## **1.** **比较运算符** ##

*   == 逻辑等。仅仅对比 数据值。
 *  **===****全等**。  对比数据值并且对比类型。

如果值和类型都相同，则为true；值和类型有一个不同，则为false

举例:

## 2.**特殊情况** ##

1.  JavaScript逻辑运算符没有 &  |
2.  JS中除法的结果是小数

if表达式特殊情况：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70][]

*  举例:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 1][]

# 二.JS函数/方法 #

## 1.**函数入门** ##

Java：

> public static 返回值类型 方法名（参数列表）\{
> 
> 函数体
> 
> \}

JS：

![20200630091924768.png][]

### **1、小写的function (相当于：public static 返回值类)** ###

### **2、参数列表上不能书写var** ###

![20200630092026399.png][]

### **3、JS中的函数一定有返回值。** ###

### **   未定义返回值，默认返回值undefined** ###

举例:

## 2.**注意事项** ##

Java :方法名相同，参数列表不同。 重载方法

### 1、JS中若函数名相同，不存在重载，存在的是**方法的覆盖** ###

举例:

### 2、形参未赋值，默认值是undefined ###

# 三. **JS正则对象** #

Java正则：“字符串”

JS正则：正则对象

*  **var reg = /^表达式$/****;****           ****直接量（开发中常用）**

直接量中存在边界，即^代表开始，$代表结束

**直接量方式的正则是对象****，****不是字符串****，****别用引号**

举例:

# 四.JS事件 #

## 1.**事件简述** ##

通常鼠标或热键的动作我们称之为事件(Event)

鼠标点击

鼠标双击

鼠标移入

鼠标移出

键位按下

键位弹起

## 2.**onclick事件** ##

点击事件：由鼠标或热键点击元素组件时触发

举例:

οnclick=”run1()”     为当前标签绑定 点击事件，事件触发时，执行run1方法

## 3.**绑定多个函数** ##

1、绑定多个函数，**用;分隔**

举例:

2、**控制器**

## 4. **绑定事件的两种方式** ##

1、标签绑定方式

**<标签名 事件=****””/>**

![202006301010217.png][]

2、HTML-DOM绑定方式

> **注意事项：**
> 
> 1.  **根据ID寻找元素对象时，保证整个文档都加载好了**
> 2.  **寻找的ID必须存在，否则返回null**
> 3.  ***input*.onclick = *run1*; 不能写成 *input*.onclick = *run1()*;，否则这叫绑定方法的返回值**

> 使用环境：
> 
> 1.  标签绑定方式，适用于：简便开发、中小型开发
> 2.  HTML-DOM方式，适用于：大型开发、动态开发

## 5. **匿名函数** ##

## 6. **onsubmit事件 （最特殊的事件）** ##

表单提交事件：**表单的提交按钮被点击时**触发

> **注意：该事件需要返回boolean类型的值来执行 提交/阻止 表单数据的操作。**
> 
> 1.  **事件得到true，提交表单数据**
> 2.  **事件得到false，阻止表单数据提交**

看完恭喜你,又知道了一点点!!!

**你知道的越多,不知道的越多! **

**~感谢志同道合的你阅读,  你的支持是我学习的最大动力 ! ****加油 ,陌生人一起努力,共勉!!**

**注: 如果本篇有需要改进的地方或错误,欢迎大神们指定一二~~**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200630083358335.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200630083926720.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx,size_16,color_FFFFFF,t_70
[20200630091924768.png]: https://img-blog.csdnimg.cn/20200630091924768.png
[20200630092026399.png]: https://img-blog.csdnimg.cn/20200630092026399.png
[202006301010217.png]: https://img-blog.csdnimg.cn/202006301010217.png