js第一天学习

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 我们学习js能做什么 -->
    <!-- 实现页面的交互 -->
    <!-- 实现前后端的数据交互 -->

    <!-- js是一个怎么有的语言 -->
    <!-- js（JavaScript）是一个直译型的弱类型的脚本语言 编程语言 -->
    <!-- 脚本（script）语言不能独立运行，要基于一个载体来运行 列子：css/js-->
    <!-- 弱类型：js语法要求不是很严格 -->

    <!-- js分为三种引入类型 -->
    <!-- 1、内部样式也叫内嵌式-->
    <!-- <script>
      alert("我是内部样式");
    </script> -->
    <!-- 2、外部样式也叫外链式 -->
    <!-- 记住外部样式里面不能写js语句，要去到引入js的路径文件中去写 -->
    <!-- <script src="js文件的路径"type=text/javascript></script> 里面的type是告诉浏览器要按照js来解释执行-->
    <!-- 3、行内样式 是通过触发执行的 -->
    <!-- <div onclick="alert('我是行类样式')">我是行类样式</div> -->

    <!-- js的输出语句 -->
    <script>
      // document.log可以识别html标签，比如<h1>666</h1>那么它就将会输出一个放大加粗的文字，效果和h1标签一样。
      alert("我是通过浏览器输出的（BOM=broswer object model）");
      document.write("我是通过页面窗口输出的（DOM=document object model）");
      document.write("<h1>666</h1>");
      console.log("我是控制台输出的（console）");
      // 里面数字不能被单双引号包裹，被包起来的都是字符串，想要在里面输出当引号或双引号可以利用单引号包双引号，也可以双引号包单引号来实现，或者\来转义

      //   常量和变量
      // 常量：直接使用的数据
      // 变量：可以改变的数据

      // 变量的声明
      //   var  age; 声明变量var是关键字，age是字变量名
      //   赋值 age = 20
      // 定义的同时赋值 var age=20
      // 也可以一次定义多个变量记得用逗号隔开 var name=" 名字",age = 18,weight=108;

      //   JS的标识符:
      // 标识符是指JS中定义的符号，列如变量名、函数名等
      //   标识符可以由大小写字母、数字下划线_和美元$符组成，数字不能开头，不能有关键字和保留字；
      // 关键字：在这门语言中有特殊作用的单词
      // 保留字：将来可能成为关键字
      // 命名要见名知意
      // 驼峰，下划线分割
      // 小驼峰 nameLing
      // 大驼峰 NameLing

      //   var age ;
      //     var nianLing ;
      //     var nian_ling ;
      //     var _age ;
      //     // var class ;
      //     // var new ;

      //     var _class ;
      //     var var_ ;
      //     var var1 ;
      //     var user_age ;
      //     var user_name ;
      // 数据类型
      //    基本数据类型
      //        数字
      //        字符串
      //        布尔值
      //        null 空值
      //        undefined  已声明未赋值   其他语言不存在

      var age = 18; // 数字
      var userName = "孙章豪"; // 字符串
      var bool = true; // 布尔值
      var bool2 = false; // 布尔值

      var m = "true"; // 字符串
      var n = "18"; // 字符串

      console.log(age); //18
      console.log(userName); //孙章豪
      console.log(bool); //false

      console.log(m); //true字符串的true

      var x;
      console.log(x); //undefined

      var y = null; // null空的
      var a = 11;

      console.log(typeof a); // number

      var b = "hi";

      console.log(typeof b); // string   char字符 set设置

      var c = true;

      console.log(typeof c); // boolean   布尔值

      var d = null;

      console.log(typeof d); // object 对象

      var e;

      console.log(typeof e); // undefined
      //  赋值运算符
      // 算术运算符
      // 比较运算符
      // 赋值运算符
      // 逻辑运算符
      // 字符串拼接
      // 自增自减运算
      // 算术运算符：加减乘除  模
      var a = 1; //赋值运算符 =
      var b = 2;
      var c = a + b; // 把a加b的值赋值给c
      console.log(c);

      var d = a - b;

      var e = a * b; //乘（*）

      var f = a / b; //除（ /）

      var m = 3 % 7; //取模（取余）
      console.log(m); // 小的数除以大的数  余数就是这个小数本身

      var x = (1 + 2) * 3;
      // 赋值运算符  =   +=  -=  *=  /=   %=

      var a = 1;
      var b = 2;

      // a = a + 2 ;
      // 简写
      a += 2;
      document.write(a); //3

      console.log((a %= 3)); // a = a % 3 ;  a = 3 % 3 ; a = 0 ;

      var n = 345; // 输出百位十位个位（你可以取出来吗？）
    </script>
  </body>
</html>
posted @ 2022-07-05 20:35  怪材  阅读(22)  评论(2)    收藏  举报