寒假集训D7.23.1.7

Day7

 K1.简单解惑

 K2.JavaScript学习指南

  1.交互的对象
在这里插入图片描述
在这里插入图片描述

 K3.JS简史

  1.JS发展历史
寒假集训D7.23.1.7_第1张图片

  2.JS的组成
寒假集训D7.23.1.7_第2张图片
  3.JS的用处
寒假集训D7.23.1.7_第3张图片

 K4.JS之helloworld

  1.浏览器界面弹窗helloworld(BOM,网页之外)
寒假集训D7.23.1.7_第4张图片

  2.网页内显示(DOM)
在这里插入图片描述

 K5.JS的书写位置

  1.书写位置
在这里插入图片描述

      1)行内(不推荐)
寒假集训D7.23.1.7_第5张图片
           a.onclick点击(button按钮)
在这里插入图片描述
      2)内嵌式
寒假集训D7.23.1.7_第6张图片
      3)外部样式
寒假集训D7.23.1.7_第7张图片
           a.形式
在这里插入图片描述

 K6.JS的注释与规范

  1.单行注释://
  2.多行注释:/* */
  3.快捷键:单:Ctrl+/ 多:alt+shift+A

 K7.JS的变量

  1.变量
寒假集训D7.23.1.7_第8张图片

      1)变量及其赋值
寒假集训D7.23.1.7_第9张图片
寒假集训D7.23.1.7_第10张图片

 K8.变量命名的规则和规范

  1.规则与规范(不可使用#开头
寒假集训D7.23.1.7_第11张图片

 K9.数据类型

  1.数据类型
在这里插入图片描述

      1)基本数据类型
寒假集训D7.23.1.7_第12张图片

寒假集训D7.23.1.7_第13张图片

       注:科学计数法中,e=10^3
寒假集训D7.23.1.7_第14张图片

      2)复杂类型

 K10.判断数据类型

  1.typeof
寒假集训D7.23.1.7_第15张图片

      1)戏法
寒假集训D7.23.1.7_第16张图片
      2)奇怪
寒假集训D7.23.1.7_第17张图片
寒假集训D7.23.1.7_第18张图片

 K11.将其他数据类型转换为数值

  1.相关
寒假集训D7.23.1.7_第19张图片

 K12. K13.其他数据类型转换

  1.转换为字符串
寒假集训D7.23.1.7_第20张图片
  2.转换为布尔
寒假集训D7.23.1.7_第21张图片

 K14.数字运算符

  1.运算符
在这里插入图片描述

  2.加减乘除
寒假集训D7.23.1.7_第22张图片
  3.综合
寒假集训D7.23.1.7_第23张图片

      1)% 取余

 K15.赋值运算符

  1.赋值运算符
寒假集训D7.23.1.7_第24张图片
在这里插入图片描述

      1)戏法运用
寒假集训D7.23.1.7_第25张图片
      2)详细1
在这里插入图片描述

 K16.比较运算符

  1.比较运算符
寒假集训D7.23.1.7_第26张图片
寒假集训D7.23.1.7_第27张图片
寒假集训D7.23.1.7_第28张图片

      1)

 K17.逻辑运算符

  1.与或非
寒假集训D7.23.1.7_第29张图片
寒假集训D7.23.1.7_第30张图片
  2.特殊
在这里插入图片描述

寒假集训D7.23.1.7_第31张图片
      1)
在这里插入图片描述

      2) ||
在这里插入图片描述

 K18.自增自减运算符

  1.++ - -
寒假集训D7.23.1.7_第32张图片
寒假集训D7.23.1.7_第33张图片

      1)实例
寒假集训D7.23.1.7_第34张图片
在这里插入图片描述
寒假集训D7.23.1.7_第35张图片
在这里插入图片描述

 K19.三元运算符(三目运算符)

  1.三元表达式(其实同上,三元运算符+条件表达式)
寒假集训D7.23.1.7_第36张图片

      1)实例
寒假集训D7.23.1.7_第37张图片
在这里插入图片描述
      2)实例plus
寒假集训D7.23.1.7_第38张图片
在这里插入图片描述

 K20.条件分支语句-if

  1.分支结构
在这里插入图片描述
  2.if 语句
寒假集训D7.23.1.7_第39张图片

      1)实例
寒假集训D7.23.1.7_第40张图片
  3.if…else语句
寒假集训D7.23.1.7_第41张图片
      1)实例
寒假集训D7.23.1.7_第42张图片
  4.if else if…语句
寒假集训D7.23.1.7_第43张图片
      1)实例
寒假集训D7.23.1.7_第44张图片
在这里插入图片描述

 K21.if案例

寒假集训D7.23.1.7_第45张图片

  1.判断奇偶数
寒假集训D7.23.1.7_第46张图片
       或:
寒假集训D7.23.1.7_第47张图片

  2.根据0-100的数字输出成绩
寒假集训D7.23.1.7_第48张图片

  3.判断闰年
寒假集训D7.23.1.7_第49张图片

 K22.switch条件分支语句

  1.switch条件分支语句
寒假集训D7.23.1.7_第50张图片

      1)实例
寒假集训D7.23.1.7_第51张图片
寒假集训D7.23.1.7_第52张图片

 K23.switch案例

  1.题目1
在这里插入图片描述

      1)
寒假集训D7.23.1.7_第53张图片
在这里插入图片描述
  2.题目2
在这里插入图片描述
      1)
寒假集训D7.23.1.7_第54张图片

寒假集训D7.23.1.7_第55张图片
  3.题目3
在这里插入图片描述

      1)
寒假集训D7.23.1.7_第56张图片
寒假集训D7.23.1.7_第57张图片
       注:
寒假集训D7.23.1.7_第58张图片

 K24.循环分支语句while

  1.循环结构
寒假集训D7.23.1.7_第59张图片
  2.while循环
寒假集训D7.23.1.7_第60张图片
在这里插入图片描述

      1)死循环
寒假集训D7.23.1.7_第61张图片

 K25.while案例

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