JS笔记

JS笔记，包括JS通用语法、类型、程序结构、前端基础知识点、选择器、事件、节点、函数和对象、数组、JS特性等内容。

JS笔记

• JS通用语法
  • 系统函数(方法):在程序中已经定义好的方法可直接使用 typeof() 返回数据的数据类型 字符串类型: string 引号 数值类型: number 布尔类型: boolean 对象类型: object (对象/数组) 函数类型: function
  • 1.输出: 弹窗输出: alert(输出的内容); 注意:输出的内容字符串加引号 数值不需要 页面内输出: document.write(内容); 注意:会冲刷页面中原有的内容 控制台输出: console.log(内容); 注意:F12 在控制台中输出(程序员调试使用) 2.输入: HTML输入:表单中完成 prompt("提示信息","默认值"); 3.变量 概念:可以发生改变的数据 语法: 变量三要素 数据类型 名称 值 数据类型:决定这是一个什么类型的数据 数值 字符 布尔类型 数组类型 对象类型 变量名称:代号 方便去内存找数据 变量值：存储的数据 变量声明:
• 类型
  • 数据类型
    • 系统函数(方法):在程序中已经定义好的方法可直接使用 typeof() 返回数据的数据类型 字符串类型: string 引号 数值类型: number 布尔类型: boolean 对象类型: object (对象/数组) 函数类型: function
  • 字符串类型
  • 数值类型
  • 布尔类型
• 程序结构
  • 顺序结构
  • 选择结构
  • 循环结构
• 前端基础知识点
  • 1.程序逻辑内容(C/JS/C#): C#程序逻辑 变量/数据类型/表达式 顺序/选择/循环 数组/函数/对象 2.js中内容: js引入方式 jsDOM操作 js中window/date对象操作
• 选择器
  • 标签选择器
  • 类型选择器
  • ID选择器
  • 并集选择器
  • 全集选择器
  • 过滤选择器
    • 隔行换色
• 事件
  • hover
  • mouseover
  • mouseout
  • Text()
    • 只获取文本
  • Html()
    • 可以解析html标签及其文本内容
  • foucs
• 节点
  • 查找节点
  • 创建节点
  • 插入节点
    • 父子插入
    • 同级别插入
  • 删除节点
  • 替换节点
    • replaceWith()
      • 用于替换某个节点
    • replaceAll()
      • 用于替换某个节点
  • 复制节点
    • clone
      • 复制方法
• 对象
  • 子主题
    • OOP编程: 面向对象编程
      • 表示一个学生/手机/电脑:
      • js表示一个对象:
        • var obj={};
      • 对象包含:属性和方法
      • 属性:代表对象的信息 比如 学生的姓名 姓名 年龄 身高 体重 星座 血型
      • 方法:代表对象的行为 比如 学生可以吃饭 睡觉 打游戏 编程 选课...
        • 属性语法: (变量)
        • obj.属性名称=值;
  • 子主题
• 函数和对象
  • 方法/函数:对操作步骤进行了一个封装(打包),以便下次可以直接调用 语法: 定义: function 方法的名称(){ //方法要做的操作 } 调用: 方法名称(); //完成方法的调用 作用: 打包相同的操作,以便给其它地方调用 分类: 无参方法 方法不接受任何参数 方法中的操作是固定的 写死了 带参方法 给方法设计参数,可以向方法中传递数据 function 方法名称(参数){ //在调用的时候向方法中传递数据 } 调用: 方法名称(参数); //完成方法的调用 带返回值的方法: 在方法设计中 一般不写 输入输出语句
• 数组
  • 概念: 变量--->1个盒子 数组--->1堆盒子 在内存中一段连续的空间用于存放数据类型相同的数据 语法: 组成 多一个下标 用于标识数组中元素的位置 数据类型 前端忽略 数组名称 值 数据组元素
• JS特性
  • 数组/面向对象/函数 DOM/BOM
• 运算符
  • 子主题
    • 或 与 非：| | && ！ 连接布尔类型的表达式
    • 与：条件1&&条件2&&条件3.. 必须所有条件都为真 才为真
    • 或：条件1||条件2||条件3||... 只要有一个为真就为真 全部为假才为假
    • 非：！条件1 取反