WEB平台开发培训——js课题.ppt

WEB平台开发培训 JavaScript; 能够熟练的使用JavaScript语言对页面中的元素进行动态操作，对Form中的控件可以进行合法性，有效性校验等等。;课程概述;第一章: JavaScript简介 第二章: JavaScript基本语法 第三掌 JavaScript对象 第四章 在浏览器中使用;第一章: JavaScript简介 ;JavaScript 历史;JavaScript的特点;JavaScript的特点;JavaScript的功能;JavaScript与Java语言的比较;JavaScript与Java语言的比较;JavaScript与Java语言的比较;JavaScript的局限性;JavaScript的局限性;JavaScript与HTML;JavaScript与HTML;JavaScript包含文件;第二章: JavaScript基本语法;JavaScript的语法结构;JavaScript的数据类型;变量与表达式;表达式与操作符;JavaScript流程控制语句;第三章 JavaScript对象;JavaScript对象模型;当一个文档加载到浏览器后，它所有的对象都按照浏览器的文档对象所规定的严格层次结构存放到内存。要有一种方法让Script指出它要的是哪一个对象，这就是对象引用。JavaScript用严格的层次结构引导Script至文档的任何区域，对每个对象的引用必须包括从顶部到对象的所有层次，直至对象名，路径中各个相连的对象之间用句点分开。 变量可以写成下面的形式： 父对象.特性1[索引1].特性2..最后特性[索引N] 对象的方法(method)可以如此引用： 对象.方法(参数组)； 一个含有典型特性和方法的对象的例子： document 是对应一个 .html文档的对象，浏览器读进文档后生成； document.writeln(“hello”) 是这个对象的一个方法，输出带换行的字符串； document.location 是该对象的一个特性，含有它的URL。 ;用户对象的定义;JavaScript的对象: Array;JavaScript的对象:String;JavaScript的对象:Date;JavaScript的对象:Math;JavaScript的屏幕对象;JavaScript事件模型;JavaScript事件模型(续);JavaScript程序的注意事项;第四章 在浏览器中使用;1.代表浏览器器所打开的窗口。 2.通常代表目前正在使用(focus)的窗口。 3.如果打开多个浏览器窗口时，可以利用别名(alias)来区别它们,如： ex. opener, parent, self, window, top ;窗口对象使用语法;closed -说明窗口是否已经关闭 defaultStatus -浏览器底部预设的状态列讯息 length -窗口重的框架个数 Frame -窗口中的frame frames -窗口中的frame数组 name -窗口的名称 opener -打开该窗口的窗口名称 status -浏览器底部自行设定的状态信 document -窗口中的document对象 history -窗口history对象 location -窗口对象的对象中的location对象; alert() -显示警告讯息 confirm() -显示确认讯息 prompt() -显示提示讯息 focus() -成为焦点 blur() -移开焦点(成为背景处理) open() -打开新浏览窗口 close() -开关已打开的浏览窗口 eval() -执行引数运算式计算;resizeBy(x, y) -将窗口尺寸向X轴及Y轴调整 moveBy(x, y) -将窗口向X轴及Y轴移动 scroll(x,y) -卷动至指定的座標 print() -列印指定之窗口內容 setTimeout() -设定一定时程序(计时器) clearTimeout() -撤销一定时程序(计时器) toString() -传回字串表示值 valueOf() --传回数值表示值 ;Script function grow(){ window.resizeBy( 50, 50) } function shrink(){ window.resizeBy( -50, -50) } /script body onMouseOver=grow() onMouseOut=shrink() H1将窗口放大与缩小/H1 /body ;Script function scrollIt() { for (y=1; y=1000; y++)