/lg_stage03_module01

html & css & JavaScript

Primary LanguageHTML

lg_stage03_module01

html & css & JavaScript

HTML

CSS（Cascading Style Sheets）

JavaScript

1. JavaScript 介绍

1.1 js 特点

  • 解释执行：事先不编译，逐行执行
  • 基于对象：内置大量现成对象
  • 适用：
    • 客户端数据计算
    • 客户端表单合法性验证
    • 浏览器事件的触发
    • 网页特殊显示效果

1.2 js 的组成

  • ECMAScript：定义核心语法，关键字，运算符，数据类型等系列标准
  • DOM：文档对象模型，将一个 html 页面所有节点看成是一个一个对象，更有层次地管理每一个节点
  • BOM：浏览器对象模型，对浏览器窗口进行访问和操作。

2.HTML 与 JavaScript 结合方式

2.1 行内脚本

2.2 内部脚本

2.3 外部脚本

3. JavaSript 的使用

3.1 变量

  • js 是弱类型语言，定义变量时使用 var 声明
  • 数值类型（number）、字符串（string）、布尔类型（true =1，false=0）

3.1.1 自动类型转换

3.1.2 数据类型转换函数

  • parseInt：强制转换为整数
    • 如果不能转换，返回NaN（Not a number）
  • parseFloat
  • typeof查询当前类型，返回string/number/boolean/object

3.1.3 null和undefined

  • null：可以给一个变量赋值null来清除变量的内容
  • undefined：声明了变量，但从未赋值或对象属性不存在

3.1.4 算数运算

3.1.5 关系运算符

  • 严格相等（类型、数值都相同）：===
  • 非严格相等（类型、数值都相同）：!==
  • ==的判断结果和===一样

3.1.6 逻辑运算符

  • 逻辑非（!）、逻辑与（&&）、逻辑或（||）

3.1.7 控制语句

  • if-else
  • switch

3.2 常用字符串api

方法 说明
toUpperCase()

3.3 数组

3.4 Math对象

3.5 Number对象

3.6 正则表达式

3.7 日期对象

3.8 函数

3.8.1 构造函数

3.8.2 匿名函数

3.8.3 全局函数

3.8.4 闭包

  • 闭包的概念：指有权限访问另一个函数作用域中的变量的函数，一般情况就是一个函数包含另一个函数。
  • 闭包的作用：访问函数内部变量，保持函数在环境中一直存在，不会被垃圾回收机制处理。

3.8.5 DOM（Document Object Model 文档对象模型）

  • DOM访问

3.8.6 JSON

3.8.7 BOM