javascript基础(wxh)讲述

Javascript基础知识为什么需要脚本程序关于用户录入信息的验证关于动态改变网站上的内容网页上添加特效时钟/滚动文字/拖放操作网页游戏什么是脚本程序和JavaScript什么是脚本程序htmlscriptlanguage=javascriptalert(newDate());/script/htmlJavaScript简介前身叫作Livescript，是一种基于对象(Object)和事件驱动(EventDriven)、并具有安全性的脚本语言。JavaScript与Java是两个公司开发的两个不同的产品，作用与用途大不一样，但两者语法上有很多相似之处，JavaScript并不是Java的子集。javascript语言的特点基于对象/动态语言/无需编译，直接解释执行脚本代码的位置放置在一个单独的文件中将脚本程序代码作为属性值放置在script/script标签对之间Javascript的关键字及保留字关键字(Keywords)breakelsenewvarcasefinallyreturnvoidcatchforswitchwhilecontinuefunctionthiswithdefaultifthrowdeleteintrydoinstanceoftypeof保留字(ReservedWords)abstractenumintshortbooleanexportinterfacestaticbyteextendslongsupercharfinalnativesynchronizedclassfloatpackagethrowsconstgotoprivatetransientdebuggerimplementsprotectedvolatiledoubleimportpublicJavascript基本语法JavaScript中的标识符标识符是指JavaScript中定义的符号，例如，变量名，函数名，数组名等。标识符可以由任意顺序的大小写字母、数字、下划线(_)和美元符号($)组成，但标识符不能以数字开头，不能是JavaScript中的保留关键字。合法的标识符举例：indentifier、username、user_name、_userName、$username非法的标识符举例：int、98.3、HelloWorldJavaScript严格区分大小写computer和Computer是两个完全不同的符号JavaScript程序代码的格式每条功能执行语句的最后必须用分号(;)结束，每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。语句块使用{}来表示JavaScript程序的注释/*…*/中可以嵌套“//”注释，但不能嵌套“/*…*/”。变量定义一个变量，系统为之设置一个标识，程序可以用变量名来指向具体的对象内存，并通过变量名来获得对应的对象。声明变量要使用var关键字例如：varname;声明变量的同时为其赋值例如：varname=caishiyou;对已赋值的变量赋予一个其他类型的数据例如：name=123;不事先声明变量而直接使用例如：x=1234;基本数据类型及常量Number(数字类型)1、整型常量(10进制\8进制\16进制)十六进制以0x或0X开头，例如：0x8a。八进制必须以0开头，例如：0123。十进制的第一位不能是0（数字0除外），例如：123。２、实型常量12.32、193.98、5E7、4e5等。特殊数值：NaN、Infinity、isNaN()、isFinite()Boolean(布尔值)true和false。String字符串“abookofJavaScript”、‘abc’、“a”、“”。字符串中的特殊字符，需要以反斜杠（\）后跟一个普通字符来表示，例如：\r、\n、\t、\b、\'、\、\\xxxnull常量undefined常量运算符算术运算符赋值运算符比较运算符逻辑运算符位运算符算术运算符+加法运算符或正值运算符，例如，x+5，+6。“+”还能实现多个字符串的相加，也能将字符串与其它的数据类型相连成一个新的字符串，条件是该表达式中至少有一个字符串，例如：“x”+123的结果是“x123”。-减法运算符或负值运算符，例如，7-3，-8。*乘法运算符，例如，3*6。/除法运算符，例如，9/4。%求模运算符（也就算术中的求余），例如，5%2。++将变量值加1后再将结果赋给这个变量。“++”有两种用法：++x，x++。前者是变量在参与其它运算之前先将自己加1后，再用新的值参与其它运算，而后者是先用原值参与其它运算后，再将自己加1。例如：b=++a是a先自增，即a的值加1后，才赋值给b；而b=a++是先将a赋值给b后，a再自增。--将变量值减1后再将结果赋给这个变量，与++的用法一样。赋值运算符赋值运算符的作用是将一个值赋给一个变量，最常用的赋值运算符是“=”。还可以由“=”赋值运算符和其它一些运算符组合产生一些新的赋值运算符，例如，“+=”，“*=”等。=将一个值或表达式的结果赋给变量例如，x=3。+=将变量与所赋的值相加后的结果再赋给该变量例如，x+=3等价于x=x+3。-=将变量与所赋的值相减后的结果再赋给该变量例如，x-=3等价于x=x-3。*=将变量与所赋的值相乘后的结果再赋给该变量例如，x*=3等价于x=x*3。/=将变量与所赋的值相除后的结果再赋给该变量例如，x/=3等价于x=x/3。%=将变量与所赋的值求模后的结果再赋给该变量例如，x%=3等价于x=x%3。比较运算符当左边操作数大于右边操作数时返回true，否则返回false。当左边操作数小于右边操作数时返回true，否则返回false。=当左边操作数大于等于右边操作数时返回true，否则返回false。=当左边操作数小于等于右边操作数时返回true，否则返回false。==当左边操作数等于右边操作数时返回true，否则返回false。!=当左边操作数不等于右边操作数时返回true，否则返回false。脚下留心：不要将比较运算符“==”误写成“=”；alert(7.5==7.5)逻辑运算符&&逻辑与，当左右两边操作数都为true时，返回值为true，否则返回false。||逻辑或，当左右两边操作数都为false时，返回其中第一个不为false的值或者最后一个值。!逻辑非，当操作数为true时，返回值为false，否则返回true。注意：在逻辑运算中，0、、false、null、undefined、NaN均表示false。位运算符多个电子元器件的组合可以表示更多状态，也就是可以表示更多的数据，其中，每个电子元器件分别表示数据中的一位，这样的一位数据只能是0或1，被称之为bit位。例如，000表示0，001表示1，010表示2，011表示3，依此类推，111表示7，这种表示数据的方式就叫二进制。任何信息在计算机中都是以二进制的形式保存的，位运算用于对操作数中的每一个二进制位进行运算，包括位逻辑运算符和位移动运算符。&只有参加运算的两位都为1，运算的结果才为1，否则就为0。|只有参加运算的两位都为0，运算的结果才为0，否则就为1。^只有参加运算的两位不同，运算的结果才为1，否则就为0。将左边操作数在内存中的二进制数据右移右边操作数指定的位数，左边移空的部分，补上左边操作数原来的最高位的二进制位值。将左边操作数在内存中的二进制数据左移右边操作数指定的位数，右边移空的部分补0。将左边操作数在内存中的二进制数据右移右边操作数指定的位数，左边移空的部分补0。程序流程控制顺序结构if条件选择语句switch选择语句while循环语句dowhile语句for循环语句break与continue语句if语句语法if(条件语句)｛执行语句｝…多学两招：if(x==null)或if(typeof(x)==“undefined”)可以简写成if(!x)。if(条件语句){执行语句块1}else{执行语句块2}…多学两招：变量＝布尔表达式？语句1:语句2；例如，y=x0?x:-x;if(条件语句1){执行语句块1}elseif(条件语句2){执行语句块2}...elseif(条件语句n){执行语句块n}else{执行语句块n+1}if语句的嵌套if(x1)if(y==1)alert(x1,y==1);elsealert(x1,y!=1);elseif(x10)if(y==1)alert(x10,y==1);elsealert(x?,y?);if(x1){if(y==1)alert(x1,y==1);elsealert(x1,y!=1);}elseif(x10){if(y==1)alert(x10,y==1);elsealert(x10,y!=1);}if(x1)if(y==1)alert(x1,y==1);elsealert(x1,y!=1);elseif(x10)if(y==1)alert(x10,y==1);elsealert(x?,y?);if(x1){if(y==1)alert(x1,y==1);elsealert(x1,y!=1);}elseif(x10){if(y==1)alert(x10,y==1);}elsealert(“1=x=10);switch选择语句switch(表达式){case取值1:语句块1break;…case取值n:语句块nbreak;default:语句块n+1break;}varx=2;switch(x){case1:alert(Monday);break;case2:alert(Tuesday);break;case3:alert(Wednesday);break;default:alert(Sorry,Idon'tKnow);}case1:case2:case3:case4:case5:alert(workingday);break;default:alert(offday);while循环语句while(条件表达式语句){执行语句块}varx=1;while(x3){alert(x=+x);x++;}多想一想：在while从句后面增加一个分号（;）后，程序将产生怎样的执行效果。dowhile循环语句do{执行语句块}while(条件表达式语句);varx=3;while(x==0){alert(ok1);x++;}vary=3;do{alert(ok2);y++;}while(y==0);for循环语句for(初始化表达式;循环条件表达式;循环后的操作表达式){执行语句块}scriptlanguage=javascriptvaroutput=;for(varx=1;x10;x++){output=output+x=+x;}alert(output);/scriptfor(;;){.......}等效于while(true){……}for...in循环语句for(变量in集合或对象){执行语句块}scriptlanguage=javascriptvaras=[1,4,5,6],output=;for(varxinas){output+=x=+as[x];}alert(output);/scriptvaras={id:5,name:'test'};for(varxinas){output+=x+=+as[x];}alert(output);break与continue语句break语句：st:while(true){while(true){breakst;}}continue语句：varoutput=;for(varx=1;x10;x++){if(x%2==0)continue;output=output