第4章客户端脚本语言(免费阅读).ppt

4.7 对象层次及DOM模型 DOM DOM（Document Object Model）是文档对象模型的缩写，文档对象模型提供了文档的定位模型。 使用window对象 HTMLHEAD SCRIPT LANGUAGE=JavaScript function new_win() { window.open(new.htm,my,toolbar=no, left=150, top=200, menubar=no, width=150,height=150); } /SCRIPT /HEAD BODY onload=new_win() /BODY/HTML 使用location属性 案例名称：使用location属性 程序名称：2-51.htm HTMLHEAD SCRIPT LANGUAGE=JavaScript function test_location() { window.location=new.htm; } /SCRIPT /HEAD BODY FORM NAME=frm INPUT TYPE=BUTTON VALUE=超级链接 ONCLICK=test_location() /FORM /BODY/HTML History对象 案例名称：使用History对象 程序名称：2-52.htm HTMLBODY FORM NAME=frm INPUT TYPE=BUTTON VALUE=后退 ONCLICK=goback() INPUT TYPE=BUTTON VALUE=前进 ONCLICK=goforward() /FORM SCRIPT LANGUAGE=JavaScript function goforward() { history.go(1); } function goback() { history.go(-1) } /SCRIPT /BODY/HTML 4.8 Web应用经典案例研究 在Web应用开发中有一些关键的动态编程技术，下面六种最常用的关键技术： 动态表格 常用的网页对话框 动态网页框架 表单验证 程序控制Form表单 在页面中执行客户端的可执行文件 动态表格彻底研究 对表格单元格的添加删除修改并对其进行移动以及拷贝等操作，是目前应用开发中常用的技术。 表格的动态选中 三种网页对话框 在Web应用开发中，有三种形式的网页对话框： 1、使用window.open打开的网页 2、使用Web模式对话框 3、使用Web非模式对话框 动态网页框架彻底研究 可以象对普通Windows窗口一样操作网页框架，可以最大化窗口页可以最小化窗口， 表单验证 常用的表单验证有两种方式 第一种是利用onsubmit事件实现验证 第二种是利用普通按钮实现验证 程序控制Form表单 执行客户端的可执行文件 案例名称：程序控制Form表单 程序名称：2-62.htm SCRIPT LANGUAGE=JavaScript var Shell = new ActiveXObject(WScript.Shell) ;// try{ var cmd=mspaint.exe ;// var aa = Shell.Run(cmd,1, true) ;// } catch(e){ alert (目录不存在文件！); } /SCRIPT 本章我们介绍了客户端JavaScript脚本语言的使用方法。主要包括以下几方面的内容：①脚本语言的基本概念；②JavaScript语言的书写方法、运行方式、基本数据类型和运算符；③JavaScript语言的基本控制流程；④JavaScript语言的函数定义和调用方法；⑤JavaScript语言的事件处理和常用的内置对象。 The End - 谢谢! * 若student是一个定义过的对象，它包含name、stunum和age三个属性，当我们要给这三个属性赋值时可以通过以下方式实现： 方式一：student.name = John student.stunum = 12345 student.age = 20 方式二：student[0] = John student[1] = 12345 student[2] = 20 方式三：student[name] = John student[stunum] = 12345 student[age] = 20 自定义对象 使用关键字fu