JavaScript（1）

1.JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：

    HTML 定义了网页的内容

    CSS描述了网页的布局

    JavaScript 控制了网页的行为

2.JavaScript引用的三种方式：
（1）.外部JS文件:

<script src="export.js"  type="text/javascript"></script>

（2）.直接在HTML标签中：

<input name="btn" type="button" value="弹出消息框"      onclick="javascript:alert('欢迎你');"/>

（3）.使用

<script type="text/javascript"> 

   <!—     JavaScript 语句;    —>

</script >
//注意：<script>…</script>可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可

3.核心语法

1. 变量 （var 变量名 、let） 常量（con）

1.先声明变量再赋值

局部变量： var width;            var—用于声明变量的关键字

   let   width;            let—es6新增
   width；            

全局变量： width = 5;            width—变量名

2.同时声明和赋值变量

  var catName= "皮皮";

  var x, y, z = 10;

3.不声明直接赋值(不推荐)

 width=5;

(变量可以不经声明而直接使用，但这种方法很容易出错，也很难查找排错，不推荐使用)

2.数据类型

1.undefined

（adj. 不明确的；未下定义的）

var width； — 变量width没有初始值，将被赋予值undefined

2.null

（adj. 空的）

          —表示一个空值，与undefined值相等

3.number
(n. 数字)

var Num = 23;                                             —整数

var Num = 23.0;                                          —浮点数

4.boolean

 （布尔值）

  true

  false

5.string

  (字符串)

 一组被引号（单引号或双引号）扩起来的文本

  var string="这是一个string";

3.数组

1.创建数组

  var 数组名称 = new Array(size);  

   — var  创建数组、变量的关键字

   — new Array()   表示数组的关键字

   — size   表示数组中可存放的元素总数

2.为数组赋值

    var fruit = new Array("apple","orange","peach","banner");

相当于

    var fruit =  new Array(4);
    
     fruit[0] = "apple";                  —数组名[下标]

     fruit[1] = "orange";                —下标从零开始

     fruit[2] = "peach";

     fruit[3] = "banner";

4.运算符

类型	运算符
算术运算符	+  -   *   /   %   ++  —
赋值运算符	=     +=     -=
比较运算符	>  <  >=  <=  ==  !=   ===  ! ===
逻辑运算符	&&  ll  !

5.控制语句

1. if条件语句

if(条件)  {

           //javaScript

    }

   else      {  

      //javaScript

          }

2. switch多分支语句

  switch(表达式)   {

       case 常量1:

               javaScript语句1;

               break;

        case 常量2:

               javaScript语句2;

               break;

      ...

     default:

               javaScript语句3;

     }

3. for、while循环语句

for(初始化 ; 条件 ; 增量)    {

      JavaScript代码;

    }

  

  while(条件){

           JavaScript代码;

  }

4.for-in

   var fruit=["apple","orange","peach","banner"];

         for(var  i  in  fruit)     {

        document.write(fruit[i]+"<br/>");

         }

5.break和continue 循环中断

1. break 结束循环

 <script type="text/javascript">
   
                   var i=0;
   
                   for(i=0;i<=5;i++){
   
   	             if(i==3){                 
   
                             break;         
   
                            }  
   
                 document.write("这个数字是："+i+"<br/》");
   
                   }
   
                </script>

continue 跳过本次循环

   <script type="text/javascript">

                     var i=0;

                    for(i=0;i<=5;i++){	

                         if(i==3){         

                            continue;      

                         }  

                   document.write("这个数字是："+i+"<br/》");

}

6.注释

单行注释 //

多行注释 /*           */

7.输入/输出

1.弹框

alert() ; 提示框

   alert("提示信息");

prompt(); //对话框

prompt("提示信息", "输入框的默认信息");

prompt("请输入你喜欢的颜色","红色");

prompt("请输入你喜欢的颜色","");

window.confirm("...");//确认框

8.语法约定

代码区分大小写

变量、对象和函数的名称

分号