JS 6万字超详细总结

文章目录

  • 1. JS简介
  • 2. JS的使用
    • 2.1 行内式
    • 2.2 内嵌式
    • 2.3 外部式
  • 3. JS基础语法
    • 3.1 注释
    • 3.2 变量
    • 3.3 输入和输出
    • 3.4 数据类型
      • 3.4.1 字符串类型
      • 3.4.2 数字类型
      • 3.4.3 布尔类型
      • 3.4.4 Undefined和Null
      • 3.4.5 获取变量的类型
    • 3.5 数据类型转换
      • 3.5.1 转换为字符串类型
      • 3.5.2 转换为数字类型
      • 3.5.3 转换为布尔类型
    • 3.6 运算符
      • 3.6.1 算术运算符
      • 3.6.2 赋值运算符
      • 3.6.3 比较运算符
      • 3.6.4 逻辑运算符
      • 3.6.5 类型运算符
      • 3.6.6 位运算符
      • 3.6.7 运算符优先级
    • 3.7 流程控制
      • 3.7.1 顺序结构
      • 3.7.2 选择结构
      • 3.7.3 循环结构
    • 3.8 数组
    • 3.9 函数
    • 3.10 断点调试
    • 3.11 作用域
    • 3.12 对象
      • 3.12.1 对象定义
      • 3.12.2 对象属性
      • 3.12.3 对象方法
    • 3.13 内置对象
      • 3.13.1 查阅文档
      • 3.13.2 Math对象
      • 3.13.3 Date对象
      • 3.13.4 Array对象
      • 3.13.5 String对象
      • 3.13.6 Map对象
      • 3.13.7 Set对象
  • 4. JS DOM
    • 4.1 DOM简介
    • 4.2 Web API
    • 4.3 元素操作
      • 4.3.1 获取元素
      • 4.3.2 修改元素
      • 4.3.3 自定义元素属性
    • 4.4 节点操作
      • 4.4.1 节点概述
      • 4.4.2 获取节点
      • 4.4.3 修改节点
      • 4.4.4 添加节点
      • 4.4.5 删除节点
      • 4.4.6 复制节点
    • 4.5 事件操作
      • 4.5.1 事件概述
      • 4.5.2 注册事件
      • 4.5.3 删除事件
      • 4.5.4 事件传播
      • 4.5.5 事件对象
      • 4.5.6 事件委托
      • 4.5.7 鼠标事件
      • 4.5.8 键盘事件
  • 5. JS BOM
    • 5.1 BOM简介
    • 5.2 Window对象
    • 5.3 Location对象
    • 5.4 Navigator对象
    • 5.5 Screen对象
    • 5.6 History对象
    • 5.7 定时器

1. JS简介

1.概念:JavaScript简称JS,是作为开发Web页面的脚本语言,是一种轻量级的编程语言。

2.组成:JS一共由三部分组成。

  • ECMAScript:是一种标准,描述JS的语法和基本对象。
  • DOM:文档对象模型(Document Object Model),描述处理网页内容的方法和接口。
  • BOM:浏览器对象模型(Browser Object Model),描述与浏览器进行交互的方法和接口。

2. JS的使用

2.1 行内式

行内式的js:直接在标签内使用。

<button type="button" onclick="alert('Hello World')">点击一下button>

完整代码:

DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Documenttitle>
  head>
  <body>
    <button type="button" onclick="alert('Hello World')">点击一下button>
  body>
html>

运行后,点击按钮,结果如下:

在这里插入图片描述

2.2 内嵌式

内嵌式的js:写在

你可能感兴趣的:(Web前端,javascript,vscode,前端)