文章目录

• 前言
• 简介
• • 概述
  • 组成部分
  • 特点
  • 作用
• 基础语法
• • 变量
  • 字符串
  • 数组
  • 对象
  • 流程控制
  • Map 和 Set
  • iterator
• 函数
• • 定义函数
  • 调用函数
  • 变量的作用域
  • 方法
• 面向对象编程
• • 什么是面向对象
  • 面向对象原型继承
  • 面向对象class继承
• 操作BOM对象（重点）
• 操作DOM对象（重点）
• • 获得节点
  • 更新节点
  • 删除节点
  • 插入节点
  • 创建一个新的标签
  • 在前面插入节点：insertBefore
• 操作表单
• • 获取表单信息
  • 提交表单
  • • iframe
    • submit
    • submit()
    • ajax
    • XHR
• 后记

前言

本博文专用于软件创新实验室课堂，很基础但很适用的 JS 相关知识，一篇让你对 JS 得心应手，了如指掌！
 

简介

概述

JavaScript 是目前 web 开发中不可缺少的脚本语言，JS 不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行 JavaScript 代码。

JavaScript 诞生于1995年，当时的主要目的是验证表单的数据是否合法。

JavaScript 本来应该叫 Livescript，但是在发布前夕，想搭上当时超热的 java 顺风车，临时把名字改为了JavaScript。（也就是说 js 跟 java 没有关系，当时只是想借助 java 的名气）。
 

组成部分

（1）ECMAScript（核心）：这一部分主要是 JS 的基本语法。

（2）BOM：Brower Object Model（浏览器对象模型），主要是获取浏览器信息或操作浏览器的，例如：浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入 址跳转等操作等。

（3）DOM：Document Object Model（文档对象模型），此处的文档暂且理解为 html，html 加载到浏览器的内存中，可以使用 JS 的 DOM 技术对内存中的 html 节点进行修改，用户从浏览器看到的是 JS 动态修改后的页面。（增删改查）
 

特点

与 Java 的区别：

作用

JavaScript 被用来改进设计、验证表单、检测浏览器、创建 cookies，等等。JavaScript 是因特 上最流行的脚本语言，并且可在所有主要的浏览器中运行，比如： Internet Explorer、 Maxthon、Mozilla、Firefox、Netscape、Chrome和 Opera等。

在目前学习阶段只要记住最常用的二个：
（1）运态修改html及css代码
（2）验证表单
 

基础语法

变量

• 定义变量

严格区分大小写，

在浏览器控制台打印数据，

字符串

1. 正常字符串我们使用单引 ，或者双引 包裹，
2. 注意转义字符 ，

3. 多行字符串编写，使用撇 ，

4. 模板字符串，

5. 字符串长度，

6. 字符串的可变性，不可变，

7. 大小写转换，

9. ，从0开始

数组

可以包含任意的数据类型，

1. 长度

注意：假如给 赋值，数组大小就会发生变化~，如果赋值过小，元素就会丢失，

2. ，通过元素获得下标索引

字符串的”1″和数字 1 是不同的，

3. 截取掉 Array 的一部分，返回的一个新数组，类似于 String 中
   

4. 多维数组
   

5. 使用一个不存在的对象属性，不会 错！，
   

6. 动态的添加，直接给新的属性添加值即可，
   

7. 判断一个属性是否是这个对象自身拥有的 ，
   

8. 循环，避免程序死循环，
   

9. 循环，
   

10. for…in… 下标，，
    

    函数

    定义函数

    定义方式一：

    一旦执行到 代表函数结束，返回结果；如果没有执行 ，函数执行完也会返回结果，结果就是 ，

    ---

    定义方式二：

    是一个匿名函数，但是可以把结果赋值给 ，通过 就可以调用函数！方式一和方式二等价！

    ---

     

    调用函数

    参数问题：JavaScript 可以传任意个参数，也可以不传递参数，参数进来是否存在问题设不存在参数，如何规避/p>

    声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！