We编程开发基础(JavaScript)

Web编程开发根底(JavaScript)JavaScript介绍JavaScript是一种基于对象和事件驱动并具有相对平安性的客户端脚本语言；JavaScript旨在使网页开发人员能对网页的功能进行管理和控制；学习JavaScript基于：表单验证页面动态效果简单易用简洁易用，与Java有类似的语法可以使用任何文本编辑工具编写只需要浏览器就可以执行程序解释执行事先不编译逐行执行无需进行严格的变量声明基于对象内置大量现成对象，编写少量程序可以完成目标JavaScript的特点适合做哪些事情客户端数据计算客户端表单合法性验证浏览器对象的调用浏览器事件的触发网页特殊显示效果制作不适合做哪些事情大型应用程序图像、多媒体处理网络实时通讯应用JavaScript的特点JavaScript介绍Web三层结构JavaScript编程文档访问CSS样式特效事件表单Web三层结构用户体验的丰富程度Web三层结构用HTML设置内容在网页中需要阅读和理解的内容都应该放在改页面的HTML代码中；HTML文档应包括负责传递页面内容的意思或语义的所有信息，但要防止出现与这些内容展现效果先关的信息；Web三层结构CSS描述页面展现效果页面的展现效果应该全部通过页面的CSS代码来进行完整的描述；CSS样式应用到网页中有3中方式：内联样式嵌入样式外部样式Web三层结构JavaScript实现行为JavaScript添加到网页中方法：可以在HTML中直接嵌入JavaScript代码；在HTML文档头部通过<Script>标签嵌入代码；将JavaScript代码放在一个独立的文件中，然后再需要使用该代码的多个HTML文档中连接该文件；JavaScript编程Script标签language=“JavaScript”可以出现在Head中，也可以出现在Body体内注释在Script标签内的JavaScript代码一般用HTML的注释<!--...-->括起来，防止浏览器不支持Script标签而造成显示错误JavaScript语言自身的注释为/*...*/JavaScript根本语法变量JavaScript是一门弱类型的语言，所有的变量定义均以var来实现JavaScript的变量建议先定义，再使用JavaScript区分大小写虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做数组定义vararr=newArray(3);通过arr.length取得数组的长度注释的写法－－》和java的一样数组使用方式：myarray=newArray(num)myarray=newArray(value1,value2…)<Scriptlanguage="JavaScript"> aa=newArray(3); aa[20]=444; document.write(aa[20]);</Script>num不设定，那么按数组默认的最大长度自动设定。例如：<Scriptlanguage="JavaScript"> aa=newArray(); aa[20]=444; document.write(aa.length);</Script>JavaScript根本语法—运算符算术运算+、-、*、/>、<、=、>=、<=、==(7.htm)逻辑运算与：&&或：||非：!(8.htm)字符串运算符连接运算：+(9.htm)取子集：substring(index1,index2)(10.htm)条件表达式条件?A:B(11.htm)JavaScript根本语法—控制语句if语句if(条件)elseif(条件1)else…(12.htm)while语句while(条件)…switch语句switch(i)casei1:…casei2:…default:…fordo…whilewhileMath对象常用方法：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():设置毫秒数函数(一)函数定义functionf(形参列表){语句}f是函数名，参数之间用“,”分隔函数不能嵌套定义函数调用f(实参列表)函数可以互相调用没有参数时，()不能少函数(二)形参和实参函数定义时的参数是形参函数调用时的参数是实参形参一定是变量实参可以是任意表达式对形参的修改不影响实参函数(三)函数的返回值return语句returnx或return(x)函数的返回值可以象变量一样参与运算，但不能被赋值系统预定义的函数主要是各种系统预定义对象中的函数JavaScript编程注释单行注释以//开始多行注释以/*开始，*/结束类型转化根本类型转换从一个值中提取另一种类型值parseInt〔〕parseFloat〔〕JavaScript编程对象对象实际上就是属性和方法的集合；属性只是能通过对象访问的变量，方法是只能通过对象访问的函数；对象所包含的属性和方法都只能通过对象来访问，通过javaScript中的对象可以对程序的管理变得更加容易；变量名以小写字母开头，对象名以大写字母开头；varOb=newobject〔〕；文档访问浏览器把对HTML代码的解释作为一种JavaScript对象结构存储起来，这种结构就称为文档对象模型，简称DOM;在DOM中，HTML文档的每一个元素都是一个对象，属性和文本也都是对象，JavaScript能够独立访问每个对象，通过使用内建的函数也能轻松地发现或改变所需要的对象；文档访问浏览器对象的分层结构文档访问Window对象介绍文档访问定时器函数该方法表示每隔多长时间，循环调用某个函数； 语法格式 setTimeout〔”disptime()”,1000〕setTimeout()补充：setInterval〔〕；文档访问History对象History对象是通过JavaScript运行时引擎自动创立的，并且是由一系列URLS组成的；方法Back〔〕Forward〔〕Go〔〕Location对象History对象是通过JavaScript运行时引擎自动创立的，包含了关于当前URL地址的信息；文档访问Document对象Document对象表示给定浏览器窗口中的HTML文档；常用方法：文档访问操作元素属性属性主要用于读取和修改与元素相关的数据获取属性值getAttribute()设置属性值setAttribute〔〕CSS样式特效通过DOM可以修改页面中的各种内容，当然也包括页面的样式；每个元素都有一个style属性，style属性是一个功能强大的对象，应用该属性可以从各个方面来改变元素的显示效果；对于元素中所应用的各个CSS属性，style中都有一个相应的属性，通过它就可以修改该属性的值；CSS样式特效用JavaScript改变元素显示效果的最正确方法是修改样式类：实现了页面行为与样式的别离；修改样式时无须查找整个JavaScript文件；修改样式的工作应该由样式的设计人员而不是JavaScript程序员来完成；在CSS中编写样式将更加简洁；CSS样式特效层的显示/隐藏特效用到CSS样式中的display属性，它主要用来控制页面中的元素〔如层，图片，表格，段落等〕是否显示，从而实现页面中元素的显示和隐藏效果。=“value”;Value取值BlockNoneinlineCSS样式特效Display指定区域是否在浏览器中显示，设置为display：none的对象根本就不会显示，在页面中仿佛没有该对象一样；Visibility指定区域是否可见，设置visibility：didden的对象仍占据着页面的空间，知识该空间看上去是空的。事件JavaScript是一种基于对象和事件驱动并具有相对平安性的客户端脚本语言；事件句柄是通过JavaScript代码响应事件的最简单的方式；事件句柄是一个JavaScript函数，该函数将”插接”在一个DOM节点上，当发生与该元素相关的特定事件时该函数就能自动调用。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事件处理表单验证为什么需要表单防止信息无法更新或出现新错误；减轻效劳器端的压力；客户端验证实际上就是包含在已下载的页面中，当用户提交表单的时候，它直接在已下载到本地的页面中调用脚本来进行验证，这样可以减少效劳器端的运算。表单验证表单验证的内容检查表单元素是否为空；验证是否为数字；验证用户输入的邮件地址是否有效；检查用户输入的数据是否在某个范围；验证用户输入的信息长度是否足够；检查用户输入的出生日期是否有效；表单验证String对象表单验证文本框对象的事件处理程序表单验证数组介绍趣味JavaScript程序黑客帝国(ex1/matrix.htm)鼠标跟随(ex2/mouseTrace.htm)找相同图片游戏(ex1/game/game.htm)飘浮的云(ex1/float