JavaScript

什么是JavaScript呢?

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

JavaScript的特点为:

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

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

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

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中关于字符串对象的使用语法如下

语法:

  字符串对象.方法名();

常用的方法有:


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中的一个对象,它有一组属性和方法


JavaScript
 ①length

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

②join()

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

语法:

   join(分隔符);

四、运算符号


JavaScript
 其中,==表示等于,===表示恒等,!==表示不恒等,都是用于比较,但是==用于一般比较,===用于严格比较,==在比较时可以转换数据类型,===严格比较,只要数据类型不匹配就返回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:退出当前循环,根据判断条件决定是否进行下一次循环。

 六、关键字和保留字


JavaScript
 七、常用的输入输出

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、调用函数 

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

语法;

事件名=“函数名()”;

 
JavaScript
 

相关推荐