JavaScript jsp教材.pptVIP

动态表格彻底研究 对表格单元格的添加删除修改并对其进行移动以及拷贝等操作，是目前应用开发中常用的技术。 表格的动态选中 三种网页对话框 在Web应用开发中，有三种形式的网页对话框： 1、使用window.open打开的网页 2、使用Web模式对话框 3、使用Web非模式对话框 选中事件onSelect　　当Text或Textarea对象中的文字被加亮后，引发该事件。 获得焦点事件onFocus　　当用户单击Text或textarea以及select对象时，产生该事件。此时该对象成为前台对象。 失去焦点onBlur　　当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。 载入文件onLoad　　当文档载入时，产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。 卸载文件onUnload　　当Web页面退出时引发onUnload事件，并可更新Cookie的状态。 自动装载和自动卸载的例子 当装入HTML文档时调用loadform()函数,而退出该文档进入另一HTML文档时则首先调用unloadform()函数,确认后方可进入。test3_1.htmHTMLHEADscript Language=JavaScript!--function loadform(){alert(这是一个自动装载例子!);}function unloadform(){alert(这是一个卸载例子!);}//--/Script/HEADBODY OnLoad=loadform() OnUnload=unloadform()a href=test.htm调用/a/BODY/HTML 动态按钮 当鼠标移动到按钮上的时候，按钮就会凸起来。这通过JavaScript的事件实现起来非常方便。 首先必须准备两张图片，当鼠标移上去的时候，自动切换成另一张图片就可以了 动态按钮 案例名称：动态按钮 程序名称：hoverbutton.htm HTMLBODY SCRIPT LANGUAGE=JavaScript function DoOver(oimg) { var imgSRC; imgSRC = Edit_ + + _Over.gif; oimg.src = images/ + imgSRC; } function DoOut(oimg) { var imgSRC; imgSRC = Edit_ + + .gif; oimg.src = images/ + imgSRC; } /SCRIPT JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；后者是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。 引用对象的途径 一个对象要真正地被使用，可采用以下几种方式获得：　　o 引用JavaScript内部对象；　　o 由浏览器环境中提供；　　o 创建新对象。　　这就是说一个对象在被引用之前，这个对象必须存在，否则引用将毫无意义，而出现错误信息。从上面中我们可以看出JavaScript引用对象可通过三种方式获取。要么创建新的对象，要么利用现存的对象。 for…in语句 案例名称：for…in语句 程序名称：2-42.htm SCRIPT LANGUAGE=JavaScript var arr = new Array(3); arr[0] = Jack; arr[1] = Mike; arr[2] = Rose; for(i in arr) { document.write(br第 + i + 个为： + arr[i]); } /SCRIPT with语句 案例名称：with语句 程序名称：2-43.htm SCRIPT LANGUAGE = JavaScript with(document) { write(你好世界br); write(你好中国br); write(再见); } /SCRIPT 对象处理语句 案例名称：this语句 程序名称：2-41.htm HTMLBODY SCRIPT LANGUAGE=JavaScript function imgclick(oimg) { alert(图片名称是： + +\r\n图片地址是： + oimg