JavaScript基础知识（一、二的补充）

一．JS基本语法

   1.变量

       （1）.变量分为全局变量   和 局部变量

                 数据类型：number   string  bool   object  array

       （2）.作用域

         全局变量：   在事件或者函数之外的和所有变量，叫全局变量。

                局部变量：事件或函数里面的变量，叫全局变量。作用范围只是该范围之内。

                闭包：将局部变量，在其他作用域里面用。尽量避免使用闭包，会将值存在内存。

       （3）.语法

                js  数据类型统一关键字  var    

                var 变量名称 ;变量的声明

           给变量进行初始化  给变量赋值

  2.JS里面的循环结构表

       （1）.最简单的for  死循环

                for (; ;) {

 

                }

       （2）.循环遍历：针对于对象组来使用，在一组里面找某一个东西。

                in  前面是定义的变量    后边是一个组

                 for(  in  ){

 

                 }

       （3）. while    do while

          区别：do while 循环至少执行一次

                        A.while(判断条件){

 

                            }

                        B.do{

 

                           }while(条件)

       （4）. switch

                switch (判断的值){

                   case "": break;

                   case "": break;

                   case "": break;

                   case "": break;

                   case "": break;

               }

   3.JS里面的逻辑选择结构

        （1）.if的嵌套使用

                 if(){}

                 else{}

        （2）.for循环

                 三元运算符：判断条件?true:false  

                 for (var i = 1; i < 10; i++) {

                      for (var j = 1; j <= i; j++) {

                           document.write(i + "*" + j + "=" + i * j + (i * j >= 10 ? " " : " "));

                      }

                     document.write("<br/>")

                }

        （3）.while   循环    do while

                  A.var n = 0;

                     while (n <0) {

                         n++;

                         document.write(n);

                    }

                    document.write("<br/>");

                B.var m = 0;

                    do {

                         m++;

                         document.write(m);

                    }

                    while (m<0)

        （4）. switch

                   var txt="李四          ";

                   switch (txt){

                       case "张三": document.write("还钱！");break;

                       case "李四": document.write("来！");break;

                       case "王五": document.write("你好！");break;

                       case "马六": document.write("借点钱！");break;

                   }

   4.JS里面事件的绑定

        （1）.直接元素里面绑定:代码里面直接书写

                  常用： onclick    //点击

                              onmouseenter   //鼠标进入

                              onmouseleave    //鼠标离开（平面）

                              onmouseout      //鼠标离开（空间）

                              onmouseover      //鼠标悬停

                              onmousemove       //鼠标移入

                              onfocus  

                              onblur

                    A .在html页面里面直接绑定事件

                             <div class="divbg" onclick="click_div()">

 

                             </div>

                            <script>

                                    //    事件调用函数

                                        function click_div() {

                                                   alert("点我");

                                        }

                             </script>

                   B.在代码里面  获取元素对象   添加点击事件  

                       js里面的事件之前都有on

                       对象:具有属性和行为。

                       被动行为叫事件。   

                     主动行为叫方法。   

                     方法：完成一系列的功能。

                           var div = document.getElementsByClassName("divbg")[0];

                           div.onmouseenter = function () {

                                     alert("1")

                           }

                           div.onmouseleave = function () {

                                       alert("2")

                           }

        （2）.函数的定义

                 function  函数名称（）{

                     //写代码

                 }

                 声明一个函数

                      A.函数的调用   showData();    

                             function showData() {

 

                            }

                      B.data;

                         var data = function () {

 

                         }

                     C.var array = {

                                name: function () {

 

                                }

                        }

                        array.name();

        （3）.函数的传参问题

                 简化代码  重利用

                 参数都是自定义的,参数的类型也是自定义,参数的个数也是自定义的。

                      Stu_Name(100001, "张三", "男", 23);

                      function Stu_Name(id, name, sex, age) {

                               //  输出学生信息

                                document.write(id + "/" + name + "/" + sex + "/" + age);

                      }