javascript 基础

javascript相关介绍

• JavaScript是世界上最流行的编程语言。
• 作用
• 网页特效
• 用户交互
• 表单验证
• 注意点
• JavaScript 是脚本语言
• JavaScript 是一种轻量级的编程语言。
• JavaScript 是可插入 HTML 页面的编程代码。
• JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 使用

• HTML 中的脚本必须位于 标签之间。
  脚本可被放置在 HTML 页面的 和 部分中。
• 注意点
• 如果把 JavaScript 放到了页面代码的底部，这样就可以确保在 html里面的 元素创建之后再执行脚本
• 也可以把脚本保存到外部文件中。
  • 外部文件通常包含被多个网页使用的代码。
  • 外部 JavaScript 文件的文件扩展名是 .js。
  • 如需使用外部文件，请在

    JavaScript 注释

    作用

    • 提高代码的可读性

    格式

    • 单行注释以 // 开头
    • 多行注释以 /* 开始，以 */ 结尾。

    JavaScript 变量

    变量的作用

    • 变量是存储信息的容器。

    变量的命名

    • 只能由26个英文字母的大小写、10个阿拉伯数字（0~9）、下滑线和$符号组成
    • 对大小写敏感：比如: a和 A是两个变量不同
    • 不能以数字开头
    • 不能是关键字
    • 不能是保留字

    变量的声明

    • JavaScript 变量使用 var 关键词来声明

    var name;
    变量声明之后，该变量是空的（它没有值）。
    如需向变量赋值，请使用等号：
    name ="fish";
    也可以在声明变量时对其赋值：
    var name = "fish";
    

    JavaScript 数据类型

    数字型

    • 无论整浮、无论大小、无论正负，都是数字类型的

    字符串型

    • 字符串要用""或者''包起来

    布尔型

    • 只有两个值：true 或 false

    Undefined 和 Null

    • Undefined 这个值表示变量不含有值。
    • 可以通过将变量的值设置为 null 来清空变量。

    JavaScript 运算符

    运算符 =

    • 用于赋值。

    运算符 +

    • 如果加号两边都是数值，此时是加。否则，就是连字符。

    JavaScript 算术运算符

    

    JavaScript 比较和逻辑运算符

    
    
    • 注意点
      • 当&&前面的条件为假时，后面的会自动终止（短路现象）
      • 当||前面的条件为真时，后面的会自动终止（短路现象）

    JavaScript If...else 语句

    if 语句

    • 只有当指定条件为 true 时，该语句才会执行代码。
    • 语法

    if (条件){
      只有当条件为 true 时执行的代码
      }
    

    If...else 语句

    • 在条件为 true 时执行代码，在条件为 false 时执行其他代码。
    • 语法

    if (条件) {
      当条件为 true 时执行的代码
      }else{
      当条件不为 true 时执行的代码
      }
    

    If...else if...else 语句

    • 使用 if....else if...else 语句来选择多个代码块之一来执行。
    • 语法

    if (条件 1) {
      当条件 1 为 true 时执行的代码
      }else if (条件 2){
      当条件 2 为 true 时执行的代码
      }else{
      当条件 1 和 条件 2 都不为 true 时执行的代码
      }
    

    JavaScript Switch 语句

    • switch 语句用于基于不同的条件来执行不同的动作。
    • 语法

    switch(n){
    case 1:
      执行代码块 1
      break;
    case 2:
      执行代码块 2
      break;
    default:
      n 与 case 1 和 case 2 不同时执行的代码
    }
    

    JavaScript While 循环

    • 只要指定条件为 true，循环就可以一直执行代码。
    • 语法

    while (条件){
      需要执行的代码
      }
    

    • 注意点
      • 如果您忘记增加条件中所用变量的值，该循环永远不会结束。该可能导致浏览器崩溃。

    do/while 循环

    • do/while 循环是 while 循环的变体
    • 语法

    do{
      需要执行的代码
      }while (条件);
    

    • 注意点
      • 不管条件是否为真，都会先执行一次代码