javaScript笔记

javaScript的引用：

 

 

1.基本语法：

 

 

 

 

2.数据类型：

 

 

 

 

 

 

3.严格检查模式：

'use strict';

 

IEDA要设置ES6语法；

 

 

数据类型：

 

1.1、字符串

 

 

 

 

 

 

 

1.2、数组

 

 

 

 

 

 

 

 

 

 

 

 

11、for...of数组打印：

 

12、for...in 数组下标打印:

 

 

1.3、对象：

 

 

 

 

 

 

 

1.4、流程控制：

• if 判断
• while 循环
• do while 循环
• for 循环

forEach循环：

 

for...in 数组打印:

 

1.5、Map和Set：

 

函数：

1.1、定义函数：

 

 

 

如何规避异常！（比如输入的不是数字！）

 

 

 

1.2、变量的作用域和代码规范

 

 

全局变量：var

局部变量：let

 

1.3、定义方法：

 

 

 

 

内部对象：

标准对象：

 

1.1、Data日期的使用：

 

 

 

1.2、JSON:

 

 

 

 

面向对象编程：

 

1.1、原型：

 

新增方法：

 

 

 

 

 

1.2、继承：

 

继承如下：

 

1.3、原型链：

 

操作BOM对象（重）：

1.1、window:

 

 

1.2、Navigator:

 

 

 

1.3、screen：

 

1.4、location:

 

 

1.5、documen:

 

 

 

 

 

 

1.6、history:

 

 

操作DOM对象（重）：

1.1、获得DOM的子节点：

 

1.2、获得节点修改CSS:

 

 

1.3、获得父节点删除子节点:

 

1.4、获得已有节点插入另一节点:

 

 

1.5、创建构造新标签：

方法：

 

生成（默认在body下）：

 

1.6、创建新的标签实现插入：

 

1.7、插入到标签前面方法：

 

 

操作表单：

1.1、什么是表单：

 

 

1.2、给表单赋值：

1.输入框

 

结果：

 

扩展：

加入required后表单就不能为空！

2.多选框：

 

 

结果：

 

 

3.MD5加密密码框：

MD5工具类：

image-20210514204554886

 

高级：

 

 

扩展：

 

JQuery:

 

 

1.1、导入JQuery：

 

1.2、JQuery的基础选择器：

 

 

 

1.3、jQuery事件:

鼠标事件：

 

选择当前网页跳转时可以简写公式：

原：

 

简写后：

 

如在一个区域获得鼠标位置：

 

结果截图：

 

JQuery操作表单：

节点文本操作：

 

 

方法：

 

操作CSS:

 

 

 

 

扩展：

 

 

 

 

 

 

 

推荐网站：

 

http://layer.layui.com/

 

https://element.eleme.cn/#/zh-CN/component/layout

 

www.bootcss.com/

 

https://docsify.js.org/#/