java web之javascript深度解析（上）

1.JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、基于面向对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。 

2.• JavaScript的特点：  

简单、易学、易用；  

跨平台；IE、Navigator  

符合ECMA（欧洲计算机制造协会）标准，可移植

事件驱动式的脚本程序设计思想；  

动态、交互式的操作方式。

3.• JavaScript的格式：  

JavaScript区分大小写；  

JavaScript脚本程序须嵌入在HTML文件中；  

每行写一条脚本语句；  

语句末尾可以加分号；  

JavaScript脚本程序可以独立保存为一个外部文件,但其中不能包含<script></script>标签。

4.几种基本格式

   

   • 使用JavaScript协议： 

 

<a href="JavaScript:alert('Hello 

World!!!')">请单击</a> 

 

<a href="#" οnclick="alert('Hello 

World!!!')">请单击</a>      （链接到#表示没有链接）

 

<a href="JavaScript://" 

οnclick="alert('Hello World!!!')">请单击

</a>

执行效果 ：

（实际开发作用：当用户点击链接跳转之前需要进行一些检查）

5.变量声明

• var stdId;  

• var name,sex;  

• var total=3721;  

• var notNull=true;  

• var i=j=0;  

• 也可以省略var 

• m = 9;

6.变量类型

举例：

     结果：

注：如果在函数内声明变量不加var,那么这个变量也是全局变量

7.JavaScript的关键字

 

    （1）with语句： （对象操作语句） 

 

    功能：为一段程序建立默认对象。  

    格式： 

with (<对象>){ 

       <语句组> 

｝

举例：

表示下面的write方法都是基于document对象

   （2）for...in语句：重复执行指定对象的所有属

  性 

 

  • 格式： 

 

  for ( 变量 in 对象 ){ 

      <语句组> 

        }

       

      

（3）其他语句与我们学过的高级语言（例如java）很相似，比如if ….else, for() switch,break,continue等                                                                                

           等，所以不再赘述。

8.javascript的默认对象

  （1）日期对象  

       格式：日期对象名称=new Date([日期参数])

       

      输出：

  （2）数组对象；（与java数组不一样的是，javascript的数组长度可变，类型不受限制）  

建立数组对象： 

    格式１：数组对象名称=new Array([元素

            个数]) 

    格式２：数组对象名称=new Array([[元素

 1][，元素2，...]]) 

    格式３：数组对象名称=[元素1[，元素2，

            ...]] 

     推荐使用：这种方式

     还有这种方式：

            

     常用数组的方法：

     

    javascript的二维数组和java一样的。

  （3）字符串对象

字符串常用方法

举例：邮箱地址验证模拟

<script type="text/javascript">

     function isEmail()

     {

     var str = document.getElementsByName("email")[0].value;

    

     if(str.indexOf("@") == -1)

     {

     alert("请填写正确email地址");

    

     }

     else

     {

     alert("OK");

     }     

     }

    </script>

9.javascript自定义对象

  （1）构造函数定义对象类型；  

    （2）建立对象实例。 

   动态的定义对象属性 

（1）构造函数定义对象方法名；  

（2）建立方法的描述函数。

与java的this不同的是，this可以指定为任何一个对象，只要谁使用就指向谁