JavaScript文档

1JavaScript编程基础初级：基本语法，aptana开发环境JavaScript内部函数事件机制对象中级表单操作高级JavaScript操作DOM模型1.1什么是JavaScriptJavascript是一种解释性的，基于对象的脚本语言(aninterpreted,object-basedscriptinglanguage)。Javascript主要是基于客户端运行的，用户点击带有Javascript的网页，网页里的Javascript就传到浏览器，由浏览器对此作处理。前面提到的下拉菜单、验证表单有效性等大量互动性功能，都是在客户端完成的，不需要和WebServer发生任何数据交换，因此，不会增加WebServer的负担。1.2Javascript写在哪里Javascript程序可以放在：HTML网页的body/body里当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中htmlheadtitle用document.write输出带格式的HTML文本的Javascript示例/title/headbodyscripttype=text/javascriptdocument.write(h1HelloWorld!/h1)/script/body/htmlHelloWorld!HTML网页的head/head里有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。这时候，通常将这样的Javascript放在HTML的head/head里。htmlheadstylediv{border:1pxsolid#00FF00;width:100px;text-align:center;cursor:hand;}/stylescripttype=text/javascriptfunctionclickme(){alert(Youclickedme!)}/script/headbodyp请点击下面的“clickme”。/pdivonclick=clickme()clickme/div/body/html外部.js文件里假使某个Javascript的程序被多个HTML网页使用，最好的方法，是将这个Javascript程序放到一个后缀名为.js的文本文件里。这样做，可以提高Javascript的复用性，减少代码维护的负担，不必将相同的Javascript代码拷贝到多个HTML网页里，将来一旦程序有所修改，也只要修改.js文件就可以，不用再修改每个用到这个Javascript程序的HTML文件。在HTML里引用外部文件里的Javascript，应在Head里写一句scriptsrc=文件名/script，其中src的值，就是Javascript所在文件的文件路径。htmlheadstylediv{border:1pxsolid#00FF00;width:100px;text-align:center;cursor:hand;}/stylescriptsrc=../asdocs/js_tutorials/common.js/script/headbodyp请点击下面的“clickme”。/pdivonclick=clickme()clickme/div/body/html1.3Javascript变量(JavascriptVariables)在使用一个变量之前，首先要声明这个变量。Javascript里，使用var来声明变量。声明变量有以下几种方法：1.一次声明一个变量。例句如下：vara;2.同时声明多个变量，变量之间用逗号相隔。例句如下：vara,b,c;3.声明一个变量时，同时赋予变量初始值。例句如下：vara=2;4.同时声明多个变量，并且赋予这些变量初始值，变量之间用逗号相隔。例句如下：vara=2，b=5;变量的命名规则：变量名程度不能超过255个字。变量名必须符合下列规则：变量名的第一个字符必须是英文字母，或者是下划线符号(underscore)_变量名的第一个字母不能是数字。其后的字符，可以是英文字母，数字，和下划线符号符号(underscore)_变量名不能是Javascript的保留字(参见Javascript保留字)。注意：Javascript代码是区分大小写的(case-sensitive)。变量myname和MyName表示的是两个不同的变量。写错变量的大小写，是初学者最常见的错误之一。1.4Javascript常用运算符(Operators)算术运算符：逻辑运算符：赋值运算符：字符串运算符：数字类型和字符串进行“＋”操作时，实际是进行了字符串的连接操作。vara=1;varb=3;alert(a+b);//显示的是13,而不是4.varb=true;varc=ddd;alert(b+c);//显示的是trueddd；“我爱”+“北京”+“天安门”产生的结果是一个新的字符串“我爱北京天安门”1.5Javascript条件语句(JavascriptConditionalStatements)Javascript条件语句有以下几种：单项条件结构(if条件语句)if(expression){statement1}htmlheadtitle一个使用到if条件语句的Javascript示例/title/headbodyscripttype=text/javascriptvarvText=What'sup?;varvLen=vText.length;if(vLen100){document.write(p该字符串长度小于100。/p)}/script/body/html该字符串长度小于100。Javascript示例代码解释：这个Javascript示例用到了Javascript的if条件语句。首先用.length计算出字符串What'sup?的长度，然后使用if语句。if语句的内容是：如果该字符串长度100，就显示该字符串长度小于100。。双向条件结构(if...else条件语句)if(expression){statement1}else{statement2}htmlheadtitle使用if...else条件语句的Javascript示例/title/headbodyscripttype=text/javascriptvarvDay=newDate()varvHour=vDay.getHours()if(vHour17){document.write(b日安/b)}else{document.write(b晚安/b)}/script/body/html晚安Javascript代码示例解释：首先将今天的日期赋值给变量vDay，然后用.getHours得出vDay的小时数，赋值给变量vHour，然后使用if...else条件语句判断，如果vHour小于17，显示日安，反之则显示晚安。多项条件结构(switch条件语句)switch(expression){caselabel1:statement1breakcaselabel2:statement2break...default:statementdefault}htmlheadtitle使用swith条件语句的Javascript示例/title/headbodyscripttype=text/javascriptvard=newDate()theDay=d.getDay()switch(theDay){case5:document.write(b总算熬到星期五了。/b)breakcase6:document.write(b哈哈，周末啦！/b)breakcase0:document.write(b明天又要上班，想想就烦。/b)breakdefault:document.write(b每个工作日慢得都象蜗牛爬啊！/b)}/script/body/html哈哈，周末啦！该Javascript示例解释：首先将今天的日期值赋值给变量d，然后用.getDay得出天数，赋值给变量theDay，然后使用switch条件语句。如果theDay等于5，表示是星期五；如果是6，表示是星期六；如果是0，表示是星期天；如果是其它数，表示是星期一到星期四。根据值的不同，显示不同的内容。1.6Javascript循环语句(JavascriptLoopStatements)1.使用for循环语句htmlheadtitle一个使用到for循环的Javascript示例/title/headbodypscripttype=text/javascriptfor(i=0;i=5;i++){document.write(i)document.write(br)}/script/ppJavascript示例代码解释：这个Javascript示例用到了for循环语句。循环语句允许重复执行一行或数行代码，for循环要使用一个计数器变量，每重复一次循环之后，计数器变量的值就会增加或者减少。这个Javascript示例中，计数器变量为i，i初始值为0，i++表示每次重复执行后i的值就加1，终止循环条件为i=5，也就是说，一旦i的值大于5，就终止循环。该示例中，重复循环的语句是for循环里面的两句document.write语句。/p/body/html012345Javascript示例代码解释：这个Javascript示例用到了for循环语句。循环语句允许重复执行一行或数行代码，for循环要使用一个计数器变量，每重复一次循环之后，计数器变量的值就会增加或者减少。这个Javascript示例中，计数器变量为i，i初始值为0，i++表示每次重复执行后i的值就加1，终止循环条件为i=5，也就是说，一旦i的值大于5，就终止循环。该示例中，重复循环的语句是for循环里面的两句document.write语句。2.使用for...in循环语句htmlheadtitle一个使用到for...in循环的Javascript示例/title/headbodyscripttype=text/javascript//创建一个对象myObject以及三个属性sitename,siteurl,sitecontent。varmyObject=newObject();myObject.sitename=布啦布啦;myObject.siteurl=blabla.cn;myObject.sitecontent=网页教程代码图库的中文站点;//遍历对象的所有属性for(propinmyObject){document.write(属性'+prop+'为+myObject[prop]);document.write(br);}/script/body/html属性'sitename'为布啦布啦属性'siteurl'为blabla.cn属性'sitecontent'为网页教程代码图库的中文站点3.使用while和do...while循环语句htmlheadtitle一个使用到while循环的Javascript示例/title/headbodypscripttype=text/javascripti=0while(i=5){document.write(i+br)i++}/