js第一周笔记

一、常量和变量

  1、变量：定义的值可以改变。
        语法：var 变量名=变量值
  2、常量：定义的值不可以被改变
         语法：const 常量名=常量值
         ```

二、函数

 1、函数的使用
 定义：function（函数名）{
               内容
                    }
   调用：函数名（函数值）
 2、封装
  把调用换成：onclick=“js语法”

三、算术运算+、-、/、*、%

    隐式转换
    "+"运算会转换成字符串，是在做一个拼接操作
   强制转换：
      转数字:parsetInt()
      转字符串：String()
      转浮点：parsetFloat()

四、顺序的结构

    基本结构：从上至下依次执行
    分支结构：从两个中选择或者从多个中选择
    语法：if（条件语句）{
             语句；
              }else{
              语句；
              }
         if（条件语句）{
              语句
         }else if(条件语句){
              语句；
         }else{
              语句；
         }
    循环结构：用于执行相同或者相似的代码
        while循环：var 变量名=变量值；
                    while（循环条件）{
                            循环体；
                            循环变量；
                    }
                    死循环：while（1）{
                             循环体；
                    }死循环一般配合break使用
          常用：for循环：for(循环变量；循环条件；变量的变化){
                            循环体；
                            
                    }
                    死循环：for（；；）{
                             循环体；
                    }死循环一般配合break使用

五、数组

 创建数组
       直接创建：
             语法：var 自己取的名字=[数据]
                var自己取的名字=[数据1，数据2，数据3.....]
        构造函数方式创建：
	语法：var arr=new Array();//空数组
	      var arr=new Array(数据,数据,...);
  获取数据：数组名[下标]
  添加数据：数组名[下标]="新数据"
  向末尾添加元素：arr[arr.length]=新值
  获取倒数第n个元素：arr[arr.length-n];
  删除末尾的n个元素：arr.length-=n
       

六、js获取元素

 1、通过标签
   var 新取得名字=document.getElementsTagName（"标签名"）
 2、通过ID
   var 新取得名字=document.getElementById("标签名")
 3、通过class类名
   var 新取得名字=document.getElementsClassName（"类名"）

七、内容

1、可以获取到标签，双标签使用
   获取内容：elem.innerHTML
   设置/修改内容：elem.innerHTML=新值
2、只能获取到内容，双标签使用
    获取内容:elem.innerText
    设置/修改内容：elem.innerText=新值
3、只能input使用
     获取内容：elem.innervalue
     设置/修改内容：elem.innervalue

八、属性

  1、原始版：
     获取属性：elem.getAttrbute
     设置/修改属性：elem.getAttrbute(属性名：“属性值”)
 2、简易版
     获取属性：elem.属性名
     设置/修改属性：elem.属性名="属性值"
 but，简易版不可以识别自定义的属性名，如果有自定义的属性名，就用原始版
      简易版的class属性名要换成className

九、样式

 获取样式：elem.style.属性名
 设置/修改属性：elem.style.属性名（""）

十、找元素

   必须要先找到其中一个元素
   父元素：xx.parentNode
   子元素：xx.childrend
   前一个兄弟元素：xx.previousElemSiBling
   后一个兄弟元素：xx.nextElemSiBling
   第一个儿子：xx.firstElementChild
   最后一个儿子：xx.lastElementChild

十一、绑定事件

 elem.onclick=function(){
      需要执行的代码；
      elem可以用单个元素
      也可以用this，多个元素，表示当前的元素
}