JavaScript

什么是JavaScript呢？

          JavaScript是一种描述语言，也是基于对象和事件驱动的，并具有安全性能的脚本语言。

JavaScript的特点为：

         JavaScript主要用来在HTML页面中添加交互行为。

         JavaScript是一种脚本语言，语法和java类似。

         JavaScript一般用来编写客户端的脚本。

JavaScript的组成：

一、 ECMAScript标准：

        1、语法

        2、变量和数据类型

        3、运算符

        4、逻辑控制语句

        5、关键字，保留字

        6、对象

ECMAScript是一个描述规定了脚本语言的所有属性、方法和对象的标准。

二、浏览器对象模型

          浏览器对象模型（BOM），提供了独立于内容于浏览器窗口进行交互的对象，使用浏览器对象模型可以实现于HTML的交互。

          例如：

                  网上常见的弹出窗口、前进后退等功能都是浏览器对象控制的。

三、文档对象模型

          文档对象模型（DOM），是HTML文档对象模型（HTML   DOM）定义的一套标准方法，用来访问和操作HTML文档。

          例如：

                  网上商城常见的随鼠标移动显示大的图片、弹出小提示。

JavaScript的基本结构：

         

<script  type="text/JavaScript">
           JavaScript 语句;
</script>

 其中type是<Script>标签的属性，用于指定文本使用的语言类别为test/JavaScript.

 

在网页中引用JavaScript的方式：

       1、内部JavaScript文件

             适合用于JavaScript代码较少，并且网站中的每个页面使用的JavaScript代码均不相同的情况。

       2、使用外部JavaScript文件

              在不同的页面使用同一个JavaScript，如果用内部JavaScript则会使JavaScript代码冗余。这样的话我们就要使用外部的JavaScript文件。外部JavaScript可以在多个页面重复使用。外部JavaScript文件是写在外部的文件，以  .js为扩展名然后指定标签<Script>中的  src属性（src属性为js文件的路径）

       3、直接在HTML标签中  

               适合用于极少代码，仅用于当前的标签。但这种方式增加了HTML的代码量。

JavaScript的核心语法。

 

document.write()用来向页面输出可以包含HTML标签的内容

一、变量的声明和赋值

       在JavaScript中，变量是使用关键字 var 声明的

语法：

        var  合法的变量名称；

变量名的名称和Java中的变量的命名规则是一样的。

声明变量的同时为变量赋值：

   var  width = 20; //在声明变量width的同时，将数值20赋给了变量width

   var  x，y，z = 20 ；  //在一行代码中声明多个变量时，各变量之间用逗号隔开。

另外，JavaScript对于大小写是敏感的

二、数据类型

 

 JavaScript中的基本数据类型：

  undefined（未定义类型）

  null（空类型）

 number（数值类型）

 String（字符串类型）

 boolean（布尔类型）

 

1、typeof

ECMAScript提供了typeof运算符来判断一个值或变量究竟属于哪种 数据类型

语法：

        typeof（变量或值）

其返回结果有以下几种：

    undefined：如果变量是undefined类型的，则返回undefined类型的结果。

    number：如果变量是number类型的，则返回number类型的结果。

    String： 如果变量是String类型的，则返回String类型的结果’

    boolean：如果变量是boolean类型的，则返回boolean类型的结果。

    object：如果变量是null类型的，或者变量是一种引用类型，如对象、函数、数组，则返回object类型的结果。

 

2、undefined类型

 undefined类型只有一个值，即undefined，当声明的变量未初始化时，该变量的默认值时undefined。

例如：

   var width；

这行代码声明了变量width，且此变量没有初始值，将被赋予值undefined。

3、null类型

  只有一个值的类型是null，表示一个占位符。 值undefined实际上是null派生来的，因此JavaScript把它们定义为相等的。

例如：

    alert（null== undefined）；//返回值为true

这两个的值相等，含义不同，undefined声明了变量但没有赋值，null声明了变量并赋了一个空值。

4、number类型

   可以表示32位的整数，又可以表示64位浮点数

   例如：typeof（NaN）；  //返回值为number

 

5、String类型

  ①字符串定义

   在JavaScript中，字符串是一组被引号括起来的文本。

例如：

     var   string1 =“This is a string”；    //定义了一个字符串String1

JavaScript不对字符和字符串加以区别，因此下面的语句也定义了一个字符串。

var  oneChar = “a”；     //定义了只有一个字符“a”的字符串

  ②字符的属性和方法

JavaScript中表示字符串的长度（包括空格等）用的是length属性

语法：

   字符串对象.length;

var  str =“this is JavaScript”；

var  strLength=str.length；

 

在JavaScript中关于字符串对象的使用语法如下

语法：

  字符串对象.方法名（）；

常用的方法有：

 6、boolean类型

      boolean类型数据称为布尔型数据或逻辑型 数据，boolean类型是ECMAScript中常用的类型之一，它只有两个值：true和false。

例如：

        var  flag=true；

        var cars=false；

三、数组

     JavaScript和Java一样  数组的下标都是从0开始的。

1、创建数组：

   语法：  

         var  数组名称 =new Array（size）;

      其中，new 是用来创建数组的关键字，Array表示数组的关键字，而size表示数组中可存放的元素总数，因此size用整数来表示。

例如：

       var fruit=new  Array（5）；表示创建了一个名称为fruit，有5个元素的数组。

2、为数组元素赋值

在声明数组时，可以直接为数组元素赋值。

语法：

      var fruit=new Array（“apple”，“orange”，“peach”，“banana”）；

也可以分别为数组元素赋值：

      var fruit=new  Array（4）；

       fruit[0]="apple";

       fruit[1]="orange";

       fruit[2]="peach";

       fruit[3]="banana";

另外，除了Array（）对象外，数组还可以用方括号“[”和“]”来定义

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

3、访问数组元素

    可以通过数组下标来访问数组元素，数组下标是以0开始的。

4、数组的常用属性和方法

    数组是JavaScript中的一个对象，它有一组属性和方法

 ①length

   数组的length属性用于返回数组中的个数，返回值为整型。如果在创建数组时就指定了数组的size值，那么无论数组元素中是否存储了实际数据，该数组的length值都是这个指定长度值size。

②join（）

   join（）方法通过一个指定的分隔符把数组元素放在一个字符串中

语法：

   join（分隔符）；

四、运算符号

 其中，==表示等于，===表示恒等，！==表示不恒等，都是用于比较，但是==用于一般比较，===用于严格比较，==在比较时可以转换数据类型，===严格比较，只要数据类型不匹配就返回false。

例如:

     “1” ==true 返回true，“1”===true  返回false。

五、逻辑控制语句

1、条件结构

①if结构

语法：

if（表达式）{
      //JavaScript语句1；
}else{
      //JavaScript语句2；

}

 

 

②switch结构

语法：

switch（表达式）{
        case   值1：
                   //JavaScript语句1；
                  break；
        case   值2；
                   //JavaScript语句2；
                  break；
         ...... 
         default:
            //JavaScript语句n；
                  break；
}

 

 在JavaScript中switch语句可以用于字符串。

 2、循环结构

①for循环语句

语法：

for（初始化；条件；迭代器）{
      //JavaScript语句；
}

②while循环语句

语法：

while（条件）{
      //JavaScript语句；

}

 条件为真时，继续循环，条件为假时，跳出循环

 

③do——while循环语句

语法：

do{

   //JavaScript语句；
}while(条件)

 反复执行JavaScript语句，条件为假时，跳出。

和while的区别在于do——while是先执行后判断

④for——in

语法:

for(变量  in  对象){
     //JavaScript语句；

}

 其中“变量”为指定变量，可以是数组元素，也可以是对象属性

例如：

var fruit=["apple","orange","peach","banana"];
for(var i  in  fruit)
         document.write(fruit[i]+"<br/>");

 ⑤中断循环

JavaScript和java一样也有两种中断语句分别为：

break：退出整个循环

continue：退出当前循环，根据判断条件决定是否进行下一次循环。

 六、关键字和保留字

 七、常用的输入输出

1、警告（alert）

语法：

alert（“提示信息”）；

 只有对警告对话框处理后，后面的代码才会运行

2、提示（prompt）

prompt（）方法会弹出一个提示对话框，等待用户输入一行数据。

语法：

prompt（“提示信息”，“输入框的默认信息”）；

 

JavaScript常用语法——函数

一、常用系统函数

1、parseInt（）

parseInt（）函数可解析一个字符串，并返回一个整数。

语法：

parseInt（“字符串”）

 parseInt（）函数  首先先查看下标为0的字符，如果不是有效的数字，如果不是则返回NaN。如果是则查看位置为1的字符是否是有效的数字，直到发现非有效字符为止。

2、parseFloat（）

parseFloat（）函数可解析一个字符串，并返回一个浮点数。

语法：

parseFloat（“字符串”）

 parseFloat（）函数  和parseInt（）函数很相似，只是最后parseInt返回的是浮点数。而且第二个小数点视为无效的。

3、isNaN（）

isNaN（）函数用于检查其参数是否是非数字。

语法：

isNaN（X）

 如果  X  为非数字，则返回true，否则，则返回false。

二、自己定义函数

1、定义函数

在JavaScript中，自定义函数由关键字function、函数名、一组参数及置于括号中的待执行的JavaScript语句组成。

语法：

function  函数名（参数1，参数2，参数3.，。。。）{
        //JavaScript语句；
   [return    返回值]

}

 function是定义函数的关键字，必须有。

return语句用来规定函数的返回值

2、调用函数 

要执行一个函数，就必须调用一个函数，当调用函数时，必须指定函数名及其后面的参数（如果有参数）。

语法;

事件名=“函数名（）”；