第十天表单知识点

、 js样式操作

• 样式（操作的行间样式）

  width height background ....

• 语法

​
        元素.style.cssText
        这种方式会覆盖原来的样式(内部行间会覆盖)，等同于重写样式
        原因：cssText的本质就是设置html元素的style的样式

​
    div.style.cssText = 'width:300px;height:300px;background-color:red;';

3、快速获取body标签

<script>
    // 在html标签之前写的的不会把之前的内容覆盖
    document.body.innerHTML = '你好世界';
  </script>
​
  <div></div>
​
  <script>
    // 快速获取body,不用获取标签
    document.body
    console.log(document.body);
​
    // 在html标签后写的会把之前的内容覆盖
    // document.body.innerHTML = '你好世界';
       </script>

4、boolean

• boolean：布尔 true，false

• 作用：作为判断结果

  var a = true; //真
  var b = false; //假
  ​
  //作为判断结果
  console.log(10 > 20);//false
  console.log(10 < 20);//true
  ​
   var a = 10; //一个=是赋值
      // 两个=号是比较
      console.log(10 == 10); //true  真  10与10比较
      console.log(20 == 10); //false  假 20与10比较

5、流程控制语句

• 选择结构（分支语句）：if if-else if else-if

1.2 选择结构(分支语句)

1.2.1 单分支 if

• 语法

• if分支
        语法：
        if(条件){
            如果条件为真，执行这里的代码
        }

  // 当n的值大于7的时候，执行大括号里面的代码
  var n = 8;
  if (n > 7) {
      console.log('上小学');
  }

1.2.2 双分支 if-else

if-else是在if的基础上加了一个条件不成立时要执行的操作，即条件成立时做某个操作，条件不成立时做某个操作

• 语法：if(条件){ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }

• if-else分支
  语法：
  if(条件){
      如果条件为真，执行这里
  }else{
      如果条件为假，执行这里
      
  }

     // 如果我有钱，有1000，买坦克打日本，否则乖乖搬砖
  ​
      var a = 100; //钱
  ​
      var a = 10000;
      if (a > 1000) {
        alert('买坦克打日本');
      } else {
        // 条件不成立的时候执行的代码
        alert('乖乖搬砖');
      }
  ​
  ​
  //当n的值大于等于7的时候执行alert('上小学');代码，否则执行alert('上幼儿园');代码
  var n = 7;
  if (n >= 7) {
      alert('上小学');
  } else {
      alert('上幼儿园');
  }
  ​
  ​

6、累加

 累加：在自身的基础上进行相加
    累减：在自身的基础上进行相减
    累乘：在自身的基础上进行相乘
  
​
var a = 10;
    console.log(a += 10); //20  
    // 等于 a += 10 ====   10 + 10 = 20
​
    var b = 10;
    console.log(b -= 10); //0
    // 等于  b -= 10 ====   10 - 10 = 0
​
    var c = 10;
    console.log(c *= 10); //100
    // 等于   c *= 10 ====   10 * 10 = 100