java_Web开发技术_JS

本章内容的学习周期•视熟悉程度，应该在4—16小时左右，可以达到入门并熟悉常用操作的目的，例如：打开新窗口、判断表单输入等。当然了，javascript是一门独立的语言，如果应用的好，可以作出很多丰富多彩的效果，甚至游戏。课程内容•Javascript介绍•Javascript语言程序开发分为客户端、服务器端•客户端开发的好处–减少客户端到服务器端的往返。•表单验证•服务器端开发的好处–web应用的核心逻辑集中管理客户端编程的主要技术•javascript（最主要的）•vbscript•jscript•applet•activex组件•plug-in技术（价值在于：让专家级程序员开发新型语言）–flash技术的最新发展–jsdk包含的plug-in–yahoo的工具条–百度搜索伴侣–CNNIC网络实名等–3721JavaScript和Java的区别–基于对象和面向对象–解释和编译–强变量和弱变量•JavaScript中变量声明，采用其弱类型。•即变量在使用前不需作声明，而是解释器在运行时检查其数据类型x=1234;//数值型变量y＝“4321”;//字符型变量–代码格式不一样–嵌入方式不一样在网页中加入JavaScript•通过在网页中加入Script…/Script标记JavaScript的开始和结束，将JavaScript代码放到Script…/Script之间–(1.htm)•也可以引入一个外部的JavaScript文件，这个JavaScript文件一般以.js作为扩展名–(2.htm)•原则上，放在head/head之间。但视情况可以放在网页的任何部分–(3.htm)•一个页面可以有几个Script…/Script，不同部分的方法和变量，可以共享。–(4.htm)JavaScript的数据类型•基本数据类型有:–String–Number–Boolean•引用数据类型为:–Object–Array•特殊的数据类型为:–Null–Undefined(vara;)控制字符•JavaScript中有些以反斜杠（\）开头的不可显示的特殊字符。通常称为控制字符。•\b:表示退格符。•\f:表示换页。•\n:表示换行符。•\r:表示回车符。•\t:表示Tab符号。•\':表示单引号本身。•\:表示双引号本身。类型转换OperationResult连接一个数字和字符串数字被强制转换成字符串连接一个布尔值和字符串布尔值被强制转换成字符串连接一个数字和布尔值布尔值被强制转换成数字vara=3;varb=10;varc=true;alert(a+b);alert(b+c);alert(a+c);JavaScript基本语法•变量–JavaScript是一门弱类型的语言，所有的变量定义均以var来实现–JavaScript的变量建议先定义，再使用–JavaScript区分大小写–虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做–(5.htm)•数组定义–vararr=newArray(3);–通过arr.length取得数组的长度–(6.htm)•注释的写法－－》和java的一样数组使用方式：•myarray=newArray(num)•myarray=newArray(value1,value2…)Scriptlanguage=JavaScriptaa=newArray(3);aa[20]=444;document.write(aa[20]);/Script•num不设定，则按数组默认的最大长度自动设定。例如：Scriptlanguage=JavaScriptaa=newArray();aa[20]=444;document.write(aa.length);/ScriptJavaScript基本语法—运算符•算术运算–+、-、*、/–、、=、=、=、==–(7.htm)•逻辑运算–与：&&–或：||–非：!–(8.htm)•字符串运算符–连接运算：+(9.htm)–取子集：substring(index1,index2)(10.htm)•条件表达式–条件?A:B(11.htm)substring方法•返回位于String对象中指定位置的子字符串。–strVariable.substring(start,end)–StringLiteral.substring(start,end)•参数–start•指明子字符串的起始位置，该索引从0开始起算。–end•指明子字符串的结束位置，该索引从0开始起算。•说明–substring方法将返回一个包含从start到最后（不包含end）的子字符串的字符串。–substring方法使用start和end两者中的较小值作为子字符串的起始点。例如，strvar.substring(0,3)和strvar.substring(3,0)将返回相同的子字符串。–如果start或end为NaN或者负数，那么将其替换为0。–子字符串的长度等于start和end之差的绝对值。例如，在strvar.substring(0,3)和strvar.substring(3,0)返回的子字符串的的长度是3。JavaScript基本语法—控制语句•if语句–if(条件)elseif(条件1)else…(12.htm)•while语句–while(条件)…–13.htm•switch语句–switch(i)casei1:…casei2:…default:…–(14.htm)•for–15.htm•do…while–16.htm•while–17.htm字符串对象•属性：length•方法：–字体控制：big()link()bold()fontcolor(color)fontsize(size)Italics()small()字符串：toLowCase()toUpperCase()indexOf(char,fromIndex)substring(start,end)big()、bold()、link()scriptlanguage=javascriptvarstrVariable=Thisisastringobject;strVariable=strVariable.big().big().big().big().big().big().big().big().big();strVariable=strVariable.bold();strVariable=strVariable.link();document.write(strVariable);/scriptBRThisisastringobjectsubstring、indexOf•substring(start,end)返回字符串的子字符串案例：substring.htm•indexOf[charactor,fromIndex]字符搜索:返回character在字符串中的位置案例：indexOf.htmMath对象常用方法：•abs()绝对值•sin(),cos()正弦余弦值•asin(),acos()反正弦反余弦•tan(),atan()正切反正切•round()四舍五入•sqrt()平方根•pow(x,y)x的y次方案例：Math.htmDate对象•创建方式：myDate=newDate();•日期起始值:１9７０年１月１日００:００:００•主要方法–getYear():返回年数setYear():设置年数–getMonth():返回月数setMonth():设置月数–getDate():返回日数setDate():设置日数–getDay():返回星期几setDay():设置星期数–getHours():返回小时数setHours():设置小时数–getMinutes():返回分钟数setMintes():设置分钟数–getSeconds():返回秒数setSeconds():设置秒数–getTime():返回毫秒数setTime():设置毫秒数•定时器：（延迟器）setTimeout()：–用以指定在一段特定的时间后执行某段程序。案例：Date.htmJavaScript基本语法—函数•函数的使用–利用function来定义一个函数(18.htm)–传入参数(19.htm)–传出值(20.htm)函数的参数传递preloadTreeImages(xsd.jpg,xsd.jpg,xsd.jpg);functionpreloadTreeImages(){functionpreloadTreeImages(){for(vari=0;iarguments.length;i++){varimg1=document.createElement(img);img1.src=arguments[i];vardiv1=document.getElementById(div1);div1.appendChild(img1);}}}JavaScript事件处理•onFocus：在用户为了输入而选择select、text、textarea等时–(onFocus.htm)•onBlur：在select、text、password、textarea失去焦点时–(onBlur.htm)•onChange：在select、text、textarea的值被改变且失去焦点时–(onChange.htm/SelectionChange.htm)•onClick：在一个对象被鼠标点中时（button,checkbox,radio,link,reset,submit,text,textarea等）–(onClick.htm)•onLoad：出现在一个文档完成对一个窗口的载入时–(onLoad.htm)•onUnload：当用户退出一个文档时–(onload.htm)•onMouseOver：鼠标被移动到一个对象上时–(onMouse.htm)•onMouseOut：鼠标从一个对象上移开时–(onMouse.htm)•onSelect：当form对象中的内容被选中时–(onSelect.htm)•onSubmit：出现在用户通过提交按钮提交一个表单时–(onSubmit.htm)JavaScript的对话框•警告框(alert)：出现一个提示信息–21.htm•询问框(prompt)：返回输入的值–22.htm•确认框(confirm)：根据不同的选择，返回true/false–23.htm使用eval：求值函数•不使用eval–alert(3+2);–--〉32•使用eval的上下文环境–alert(eval(3)+eval(2));–--〉5•eval()函数可以把一个字符串当作一个JavaScript表达式一样去执行它eval_1.htmEval_2.htmthis指的是当前的对象•24.htm–函数调用时使用this•object.htm–自定义对象,随时可以增加属性,方法•class.htm–定义类对象•24.htm–函数调用时使用this•for…in–In后跟一个对象，对此对象中的所有元素循环一次–(25.htm)•with–为一段代码建立一个缺省的对象，任何无对象的属性引用，都将使用该缺省的对象–(26.htm)•new–用于生成一个新的对象–(27.htm)Try…Catch…try{document.writeln(Beginnngthetryblock)document.writeln(Noexceptionsyet)//Createasyntaxerroreval(6+*3)document.writeln(Finishedthetryblockwithnoexceptions)}catch(err){document.writeln(Exceptioncaught,)documen