javascript综合

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

• JavaScript的特点：

1. 简单、易学、易用；
2. 跨平台；IE、Navigator
3. 符合ECMA（欧洲计算机制造协会）标准，可移植；
4. 事件驱动式的脚本程序设计思想；
5. 动态、交互式的操作方式。

• JavaScript的作用：

1. 交互式操作；
2. 表单验证；
3. 网页特效；
4. Web游戏
5. 服务器脚本开发等。

• JavaScript的编写环境： 文本编辑器
  
  
• JavaScript的执行平台： Web浏览器
  
  
• JavaScript的执行方式： 解释执行（由上而下）
  
  
• JavaScript的版本： JavaScript1.0——JavaScript1.4
  
  
• 浏览器对JavaScript的支持：

1. JavaScript/IE3.0、JavaScript1.2/IE4.0；
2. 微软允许用户自行设置对JavaScript处理模式。

• JavaScript与Java、VBScript、JScript的关系：

　　 JavaScript与Java的区别体现在：

　　 首先，它们是两个公司开发的不同的两个产品，Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品，其目的是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。

　　 其次，JavaScript是基于对象的，而Java是面向对象的，即Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。

　　 第三，两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。

　　 第四，两种语言所采取的变量是不一样的。Java采用强类型变量检查，即所有变量在编译之前必须作声明。JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型。

　　 第五，代码格式不一样。Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。

　　 第六，嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用<script>...</script>来标识，而Java使用<applet> ... </applet> 来标识。

　　 第七，静态绑定和动态绑定。Java采用静态联编，即Java的对象引用必须在编译时的进行，以使编译器能够实现强类型检查，如不经编译则就无法实现对象引用的检查。JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查。

• JavaScript的格式：

1. JavaScript区分大小写；
2. JavaScript脚本程序须嵌入在HTML文件中；
3. JavaScript脚本程序中不能包含HTML标记代码；（双引号）
4. 每行写一条脚本语句；
5. 语句末尾可以加分号；
6. JavaScript脚本程序可以独立保存为一个外部文件，但其中不能包含<script></script>标签。

• JavaScript脚本程序的几种基本格式：

1. <script>
   document.write("Hello World!!!");
   </script>
   
   
2. <script language="JavaScript">
   document.write("Hello World!!!");
   </script>
   
   
3. <script language="JavaScript" type="text/JavaScript">
   document.write("Hello World!!!");
   </script>
   
   
4. <script language="JavaScript1.2">
   document.write("Hello World!!!");
   </script>
   
   
5. <script src="hello.js"></script>
   
   注意：document.write("Hello World!!!"); 必须保存为一个外部文件：hello.js
   
   
6. <script language="JavaScript">
   <!--
   document.write("Hello World!!!");
   -->
   </script>
   
   
7. 使用JavaScript协议：
   
   <a href="JavaScript:alert('Hello World!!!')">请单击</a>
   
   <a href="#" onclick="alert('Hello World!!!')">请单击</a>
   
   <a href="JavaScript://" onclick="alert('Hello World!!!')">请单击</a>

• JavaScript的数据类型：

1. 数值：整数、浮点数；
2. 逻辑值：布尔值；
3. 字符串值：
4. 空值：
5. 未定义值：

• JavaScript数据的表示：

1. 整数：由正负号、数字构成，八进制、十进制、十六进制；
2. 浮点数：由正负号、数字和小数点构成，常规记数法、科学记数法；
3. 逻辑值：true、false
4. 字符串值：单引号、双引号
5. 空值：null
6. 未定义值：根本不存在的对象、已定义但没有赋值的量；

• JavaScript常量：

1. 布尔常量：true　　false
2. 整数常量：3721　　0007　　0xaff（0Xaff）
3. 浮点数常量：3.14　　.001　　3.721e+3　　-3.721E-3
4. 字符串常量："你的E-mail地址有误！"
5. 含转义字符的字符串常量：
   
   转义字符 意义

   \b	退格（Backspace）
   \f	换页（Form feed）
   \n	换行（New line）
   \r	返回（Carriage return）
   \t	制表符（Tab）
   \'	单引号（'）
   \"	双引号（"）
   \\	反斜线（\）

   
   document.write("我爱\'JavaScript\'")
   
   document.write("文件在c:\\windows\\下")
   
   document.write("<pre>未满十八岁\n不得进入！</pre>")
   
   document.write("未满十八岁<br>不得进入！")
   
   document.alert("密码不对\n请重新输入！")
   
   
6. 数组常量：
   
   hobby=["听音乐","看电影"]
   hobby[0]、hobby[1]
   
   hobby=["听音乐",,"看电影",]
   hobby[0]、hobby[1]、hobby[2]、hobby[3]

• JavaScript变量：

1. 变量命名规则：
   
   
   • 首字符必须是大写或小写的字母或下划线（_）或美元符（$）;
   • 后续的字符可以是字母、数字、下划线或美元符;
   • 变量名称不能是保留字；
   • 长度是任意；
   • 区分大小写；
   • 约定：集中置顶；
     　　　使用局部变量；
     　　　易于理解；　　stdId
     　　　避免混乱。　　usrname　　usrName
     
     
2. 声明变量：
   
   
   • var stdId;
   • var name,sex;
   • var total=3721;
   • var notNull=true;
   • var name="李小龙"，sex="先生";
   • var i=j=0;
     
     
3. 变量赋值：
   
   stdId = 2004007;
   
   
4. 变量作用域：（方式、位置）
   
   
   • 全局变量：省略var，或在函数外声明
   • 局部变量：在函数内声明
   • 全局变量可在整个脚本中被使用，可在不同的窗口中相互引用（指定窗口名）
   • 例：
     <Script>
     var langJS = "JavaScript"; //langJS是全局变量
     test();

     function test() {
     var langVBS = "VBScript"; //langVBS是局部变量
     document.write("<LI>" + langJS);
     document.write("<LI>" + langVBS);
     }

     document.write("<LI>" + langJS);
     document.write("<LI>" + langVBS);
     </Script>

• JavaScript表达式：

1. 算术表达式；
2. 字符串表达式；
3. 关系（比较）表达式；
4. 逻辑表达式。

• JavaScript运算符：

1. 根据处理对象的数目：
   
   
   • 单元运算符；
   • 二元运算符；
   • 三元运算符。
     
     
2. 根据功能：
   
   
   • 赋值运算符；
     
     
     =　　+=　　-=　　*=　　/=　　%=（取余）
     
     
   • 算术运算符；
     
     
     +　　-　　*　　/　　%（取余）　　++（递增）　　--（递减）　-
     
     例１：
     <Script>
     var x = 11;
     var y = 5;
     
     with (document) {
     write("x = 11, y = 5");
     write("<LI>x + y 是 ", x + y);
     write("<LI>x - y 是 ", x - y);
     write("<LI>x * y 是 ", x * y);
     write("<LI>x / y 是 ", x / y);
     write("<LI>x % y 是 ", x % y);
     write("<LI>++ x 是 ", ++ x);
     write("<LI>-- y 是 ", -- y);
     }
     </Script>
     
     例２：
     <Script>
     var x = y = 3;
     
     with (document) {
     write("x = 3, y = 3 <br>");
     write("若x = y++ 运算之后：");
     x = y++;//y→x，y+1→y
     write("x 是 ", x, "; y 是 ", y, "<br>");
     write("再作x = ++y 运算：");
     x = ++y;//y+1→x，y+1→y
     write("x 是 ", x, "; y 是 ", y);
     }
     </Script>
     
     
   • 字符串运算符；
     
     +　　+=
     
     
   • 比较运算符；
     
     
     ==　　!=　　===（值及类型）　　!==（值及类型）
     <　　<=　　>　　>=
     
     例：
     <Script>
     var x = 5; //x 是数值5
     var y = '5'; //y 是字符串5
     var z = 6; //x 是数值6
     
     with (document) {
     write("x = 5, y = '5', z = 6");
     write("<LI>x == y 吗？", x == y);
     write("<LI>x === y 吗？", x === y);
     write("<LI>x != y 吗？", x != y);
     write("<LI>x !== y 吗？", x !== y);
     write("<LI>x <= z 吗？", x <= z);
     write("<LI>y <= z 吗？", y <= z);
     //类型自动转换
     }
     </Script>
     
     
   • 逻辑运算符；
     
     
     &&　　||　　!
     
     例１：
     <Script>
     var t = true;
     var f = false;
     
     with(document) {
     write("<OL><LI>true && true 的结果是 ", t && t);
     write("<LI>true && false 的结果是 ", t && f);
     write("<LI>false && true 的结果是 ", f && t);
     write("<LI>false && false 的结果是 ", f && f);
     write("<LI>true && (1==1) 的结果是 ", t && (1==1));
     write("<LI>false && 'A' 的结果是 ", f && 'A');
     write("<LI>'A' && false 的结果是 ", 'A' && f);
     write("<LI>true && 'A' 的结果是 ", t && 'A');
     write("<LI>'A' && true 的结果是 ", 'A' && t);
     write("<LI>'A' && 'B' 的结果是 ", 'A' && 'B');
     //&&：有一个不是逻辑值，只要第一个操作数的值为flase，则返回第一个操作数的值flase，否则，返回第二个操作数的值
     }
     </Script>
     
     例２：
     <Script>
     var t = true;
     var f = false;
     
     with(document) {
     write("<OL><LI>true || true 的结果是 ", t || t);
     write("<LI>true || false 的结果是 ", t || f);
     write("<LI>false || true 的结果是 ", f || t);
     write("<LI>false || false 的结果是 ", f || f);
     write("<LI>true || (1==1) 的结果是 ", t || (1==1));
     write("<LI>false || 'A' 的结果是 ", f || 'A');
     write("<LI>'A' || false 的结果是 ", 'A' || f);
     write("<LI>true || 'A' 的结果是 ", t || 'A');
     write("<LI>'A' || true 的结果是 ", 'A' || t);
     write("<LI>'A' || 'B' 的结果是 ", 'A' || 'B');
     //||：有一个不是逻辑值，只要第一个操作数为的值true、字符或非零的数字，则返回第一个操作数的值，否则，返回第二个操作数的值
     }
     </Script>
     
     例３：
     <Script>
     with(document) {
     write("<LI>!true 的结果是 ", !true);
     write("<LI>!false 的结果是 ", !false);
     write("<LI>!'A' 的结果是 ", !'A');
     write("<LI>!0 的结果是 ", !0);}
     </Script>
     
     
   • 逐位运算符；
     
     
   • 特殊运算符。
     
     1、new运算符：创建对象（实例）
     
     　　　 格式：对象名称=new 对象类型（参数）
     
     2、this运算符：表示当前对象
     
     　　　 格式：this[.属性]
     
     例：
     <Script>
     function validate(obj) {
     alert("你输入的值是："+ obj.value);
     } </Script>
     请输入任意字符：<BR>
     <INPUT TYPE="text" onKeyup="validate(this)">
     
     3、条件运算符：三元运算符
     
     格式：<条件表达式> ? 第一个值：第二个值
     
     例：
     NS = (document.layers) ? 1 : 0;
     IE = (document.all) ? 1: 0;
     
     window.screen.width>800 ? imgheight=100:imgheight=100
     window.screen.width>800 ? imgleft=15:imgleft=122
     
     <Script>
     function showSex() {
     onOroff = document.forms[0].sex[0].checked
     status = (onOroff)? "帅哥" : "美女"
     alert("Hello! " + status)
     }
     </Script>

     请输入你的性别：
     <FORM onClick=showSex()>
     <INPUT TYPE=radio NAME=sex>男生
     <INPUT TYPE=radio NAME=sex>女生
     </FORM>

     
     
     
3. 运算符执行的优先顺序：
   
   类型 运算符

   括号	()
   一元	! ~ - ++ -- typeof void delete
   算术	* / + -
   位位移	<< >> >>>
   比较	< <= > >= == !=
   位逻辑	& ^（xor） |
   逻辑	&& ||
   三元条件	?
   赋值	= += -= *= /= %= <<= >>= >>>= &= ^= |=

• JavaScript语句：

1. 注释语句：
   
   
   • 单行注释：//注释文字
   • 多行注释：/*
     　　　　　 注释文字
     　　　　　*/
     
     
   • 例：
     /***************************************
     * 源 码 之 家 *
     * http://www.mycodes.net *
     * 下载:http://www.mycodes.net *
     * 论坛http://www.mycodes.net/bbs *
     *****************************************/
     
     
2. with语句： （对象操作语句）
   
   
   • 功能：为一段程序建立默认对象。
   • 格式：
     with (<对象>){
     　　<语句组>
     ｝
     
     
   • 例１：
     with (document) {
     write ("限时抢购物品：");
     write ("<Li>ViewSonic 17\" 显示器。");
     write ("<Li>EPSON 打印机。");
     }
     
     
   • 例２：
     document.write ("限时抢购物品：");
     document.write ("<Li>ViewSonic 17\" 显示器。");
     document.write ("<Li>EPSON 打印机。");
     
     
3. if...else语句：
   
   格式1：
   
   
   if (<表达式>)
   <语句1>;
   else
   <语句2>;
   
   if (<表达式>)<语句1>;
   else<语句2>;
   
   例：
   <Script>
   var now = new Date();
   var hour = now.getHours();
   
   if (6 < hour && hour < 18)
   document.write ("辛勤工作才能快乐收割！");
   else
   document.write ("休息一下，充电后再出发。");
   </Script>
   
   格式2：
   
   
   if (<表达式>){
   <语句组1>
   }else{
   <语句组2>
   }
   
   
   
   格式3：
   
   
   if (<表达式1>){
   <语句组1>
   }else if (<表达式2>){
   <语句组2>
   }else{
   <语句组3>
   }
   
   
   例1：
   <Script>
   var now = new Date();
   var day = now.getDay();
   var dayName;
   
   if (day == 0) dayName = "星期日";
   else if (day == 1) dayName = "星期一";
   else if (day == 2) dayName = "星期二";
   else if (day == 3) dayName = "星期三";
   else if (day == 4) dayName = "星期四";
   else if (day == 5) dayName = "星期五";
   else dayName = "星期六";
   
   document.write ("今天是快乐的", dayName);
   </Script>
   
   例2：
   <Script>
   var now = new Date();
   var day = now.getDay();
   var dayName;
   
   if (day = 0) dayName = "星期日";
   else if (day = 1) dayName = "星期一";
   else if (day = 2) dayName = "星期二";
   else if (day = 3) dayName = "星期三";
   else if (day = 4) dayName = "星期四";
   else if (day = 5) dayName = "星期五";
   else dayName = "星期六";
   
   document.write ("今天是快乐的", dayName);
   </Script>
   
   
4. while语句：
   
   格式1：
   
   while (<表达式>)
   语句；
   
   格式2：
   
   while (<表达式>){
   <语句组>
   }
   
   
   例：
   <Script>
   var i = 5;
   
   while ( i > 0 ) {
   document.write("i = " ,i ,"<BR>");
   i--;
   }

   </Script>
   

5. do...while语句：
   
   格式：
   
   do {
   <语句组>
   } while (<表达式>)
   
   
   例：
   <Script>
   var i = 5;
   
   do {
   document.write("i = " ,i ,"<BR>");
   i--;
   } while ( i > 0 )

   </Script>
   

6. for语句：
   
   格式：
   
   for (<初始表达式>；<条件表达式>；<变动量表达式>){
   <语句组>
   }
   
   
   例：
   <Script>
   for ( var i = 5; i > 0; i-- ) {
   document.write("i = " ,i ,"<BR>");
   }

   </Script>
   

7. for...in语句：重复执行指定对象的所有属性
   
   格式：
   
   for ( 变量 in 对象 ){
   <语句组>
   }
   
   例：
   <Script>
   function member(name, sex) {//构造函数member
   this.name = name;
   this.sex = sex;
   }
   
   function showProperty(obj, objString) {
   var str = "";
   for (var i in obj)
   str += objString + "." + i + " = " + obj[i] + "<BR>";
   return str;
   }
   
   papa = new member("杨宏文", "男生");//建立对象实例papa
   document.write(showProperty(papa, "papa"))

   </Script>
   

8. break语句：
   
   格式：break
   
   例：
   <Script>
   var i = 5;
   while ( i > 0 ) {
   if ( i == 3 ) break;
   document.write("i = " ,i ,"<BR>");
   i--;
   }

   </Script>

9. continue语句：
   
   格式：continue
   
   例：
   <Script>
   var i = 5;
   while ( i > 0 ) {
   i--;
   if ( i == 3 ) continue;
   document.write("i = " ,i ,"<BR>");
   }

   </Script>

10. switch语句：
    
    格式：
    
    switch (<表达式>) {
    case <数值1>:<语句组1>
    break;
    case <数值2>:<语句组2>
    break;
    ...
    default <语句组>
    }
    
    
    例：
    <Script>
    function greet(givenSex) {
    switch(givenSex) {
    case "帅哥" : alert("你好啊！");
    break;
    case "美女" : alert("你好啊！");
    break;
    }
    }
    </Script>

    请输入性别：
    <FORM>
    <INPUT TYPE="radio" NAME="sex" onClick="greet('帅哥')">
    帅哥
    <INPUT TYPE="radio" NAME="sex" onClick="greet('美女')">
    美女
    </FORM>

• 对象：
  
  对象是一组具有属性和方法的经过组织的数据。
  
  
• 默认对象：

1. 日期对象； （日期基线：1970年1月1日00：00：00）
   
   建立日期对象(实例)：
   
   　　格式：日期对象名称=new Date([日期参数])
   
   　　日期参数：1.省略；
   　　　　　　　2.英文-数值格式：月 日，公元年 [时：分：秒]
   　　　　　　　　　如： today=new Date("October 1,2008 12:00:00")
   　　　　　　　3.数值格式：公元年，月，日，[时，分，秒]
   　　　　　　　　　如： today=new Date(2008,10,1)
   
   日期对象的方法：
   
   　　格式：日期对象名称.方法（[参数]）
   
   获取当地时间：
   

   getYear()	返回年份数
   getFullYear()	返回年份数
   getMonth()	返回月份数（0--11）
   getDate()	返回日期数（1--31）
   getDay()	返回星期数（0--6）
   getHours()	返回时数（0--23）
   getMinutes()	返回分数（0--59）
   getSeconds()	分享到： 介绍一篇关于session的好文章,写的很详细 | 智力題 2007-08-21 16:11 浏览 174 评论(0) 相关推荐 评论 发表评论 您还没有登录,请您登录后再发表评论 wapysun 浏览: 4878618 次 性别: 来自: 杭州 最近访客 更多访客>> first_class Lovefire_ rickqin px915 文章分类 全部博客 (27229) 软件技术 (2) 编程开发 (0) 生活休闲 (2) 安卓开发 (0) 数据库 (0) 社区版块 我的资讯 (0) 我的论坛 (0) 我的问答 (0) 存档分类 2012-06 (77) 2012-05 (587) 2012-04 (177) 更多存档... 最新评论 lehehe ： wifi,ip定位,google似乎不能返回数据了,现在我们都 ... Google WIFI/IP定位技术初探 wx_hello ： 求喷码器软件； java程序向喷码器输送字符，喷码器喷出来。 ... RS232串口 小记 sdt1005 ： 引用[list][url][flash=200,200][fl ... GROUP BY 子句及其扩展 a465492689 ： 太有用了，谢谢分享！ Oracle 表空间 yinren13 ： 支持视频会议！！我们公司现在就在用视频会议turbomeeti ... 视频会议 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。若作者同意转载，必须以超链接形式标明文章原始出处和作者。 © 2003-2015 ITeye.com. All rights reserved. [ 京ICP证110151号 京公网安备110105010620 ]