javaScript语法基础

1、首先介绍下javascript的作用

HTML、CSS和JavaScript的区别与联系

HTML：用于描述网页，由若干个HTML标记构成

CSS：美化网页

JavaScript：对页面元素进行动态操作

JavaScript即能够访问HTML元素，也能够动态的访问CSS样式属性

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

A、每个HTML元素都是一个对象，具备属性、方法和事件

B、JavaScript无法访问本地资源

3、JavaScript运行在浏览器中

4、JavaScript的基本结构（在html中）

  <script type="text/javascript">
  <!--
    
  //-->
  </script>

如果JavaScript代码定义在单独的*.js（比如test.js）文件中，则在HTML页面导入：

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

5、JavaScript是弱类型语言，所有的变量在定义时都用var，var是“变量（variable）”之意，用于声明这是一个变量，变量的类型不需要显示定义。（在javascript中可以没有对象）

变量的类型由值来决定，而且变量的类型是可以任意更改。

如：

var a = 10; //number

a = "中国"; //string

a = new Date(); //object

a = true; //boolean

定义变量后，如果没有初始化，该变量的值为“undefined”

6、JavaScript数据类型：undefined、null、number、string、boolean、function （函数）、object （对象）

7、typeof函数：用于返回变量的数据类型（可用来检测数据的类型）

  如：

var a;

typeof(a);  ->  undefined

var  a = 10;

typeof(a); -> number

8、数组（Array）：相当于Java中的ArrayList，即能通过索引访问元素，也能动态的添加删除元素。

A、数组的创建

1）var arr = new Array();

   var arr = new Array(10); //大小为10，不够会自动增长

   var arr = new Array(1, 2, 3, 4); //定义数组的同时进行初始化

2）var arr = [];

   var arr = [1, 2, 3, 4];

B、访问元素

通过索引进行访问 arr[0]

获得数组的长度：length

     var arr = ["中国", "美国", "印度"];
     for(var i = 0; i < arr.length; i ++){
          alert(arr[i]);
     }

C、添加元素(通过Array.push(添加的元素)方法进行添加)

如：

var arr = ["中国", "美国", "印度"];
     arr.push("俄罗斯 ", "巴基斯坦 ", "埃及 ");
     for(var i = 0; i < arr.length; i ++){
          alert(arr[i]);
     }

当然还可以一个一个的添加，如 arr.push("俄罗斯")...;

D、删除元素（通过Array.pop()方法进行删除，但是只能删除数组最后的元素）

如：

  var arr = ["中国", "美国", "印度"];
     arr.push("俄罗斯", "巴基斯坦", "埃及");
     arr.pop();//删除埃及
     arr.pop();//删除巴基斯坦
     for(var i = 0; i < arr.length; i ++){
          alert(arr[i]);
     }

E、数组其他方法

join 方法
返回字符串值，其中包含了连接到一起的数组的所有元素，元素由指定的分隔符分隔开来。
     arrayObj.join(separator)

参数
     arrayObj
          必选项。Array 对象。
     separator
          必选项。是一个 String 对象，作为最终的 String 对象中对数组元素之间的分隔符。如果省略了这个参数，那么数组元素之间就用一个逗号来分隔。

    var arr = ["中国", "美国", "印度"];
     arr.push("俄罗斯", "巴基斯坦", "埃及");
     var s = arr.join("======");//参数是连接符
     alert(s);

倒置元素

reverse 方法
     返回一个元素顺序被反转的 Array 对象。

     arrayObj.reverse( )
          必选项 arrayObj 参数为 Array 对象。

javascript的输入与输出

消息框

A、alert("消息内容")

     

输入框，返回值就是输入的内容

B、var v = prompt("提示内容", "默认值")

     var s = prompt("请输入姓名", "");
     alert("你叫" + s);

 确认框，如果用户点击“是”，返回true，否则返回false

C、comfirm("消息内容")

     var b = confirm("确定要删除吗？");
     if(b){
          document.write("删除了");
     }else{
          document.write("取消了");
     }

javascript常用函数

A、parseInt(string)：将字符串转换成整数

     参数可以是数字开头的字符串

B、parseFloat(string)：将字符串转换成浮点数

C、isNaN(string)：判断参数是否不是一个数字，如果不是数字，则为true，否则返回false

     NaN：Not a Number 不是一个数字

函数定义

1、明确的定义

function 函数名(参数名1, 参数名2， ……)｛

     

     [return ;]

｝

2、匿名函数的定义（在java中没有匿名函数，只有匿名类和匿名内部类）

var 函数名 = function(){

[return ;]

}

注意：

1）因为JavaScript是弱类型语言，所以函数的参数类型和返回值类型都不需要指定

2）使用return返回值

3）实参和形参的个数并不需要一样，实参会自动存储在arguments数组中

在JavaScript中，任意一个对象都可以随意的添加成员（属性，方法）(在java中是通过class来创建类)

var o = new Object();

添加成员变量：

o.name = "张三"; 或：o["name"] = "张三";

添加成员方法：

function fun(){}

o.play = fun;

或：

o.play = function(){};

案例：

     var o = new Object();
     o["name"] = "张三";
     alert(o.name);

     o.play = function(){
          alert("正在玩乐");
     };
     o.play();

可以去下载javascript的帮助文档，有利于初学者学习：http://download.csdn.net/detail/sung1114/9346677