DHTML5–客户端JavaScript.pptVIP

Client-side JavaScript 内容回顾 简述Java、JavaScript、Jscript、js之间的区别与联系？ 简述脚本语言与编程语言的区别？ 简述编译型语言与解释型语言的区别？ 简述js中的基本数据类型？ 简述js中的引用数据类型？ 简述js中实现面向对象的方式？ 简述js中的常用全局函数？ 简述js中的正则表达式语法？ 本章目标 Web浏览器中的JavaScript 脚本化窗口 脚本化CSS 事件与事件处理 表单处理 Web浏览器环境 Web浏览器主要任务是在一个窗口中显示HTML文档，在客户端JavaScript中，表示HTML文档的是document对象，表示该文档所在的窗体的是Window对象。 Window对象是客户端编程中的全局对象，这意味着其属性和方法可以不加对象名直接调用 每一个Window对象都包含一个document对象 Web Browser 客户端的对象层次 Web浏览器环境 客户端的对象层次 大型的客户端对象层次的子树叫做文档对象模型DOM(Document Object Model)，document对象有时又称为0级dom 事件驱动的编程模型 与Winform Event类似，原理上相同 脚本化window window对象代表浏览器窗口 是全局对象，其属性和方法的调用可以省略window名，这一点与C#当中的this类似。 其在继承了核心JavaScript的所有全局属性和方法的基础上，还定义了诸多的属性和方法： 常用属性： document、location、history、navigator、screen、self 常用方法： 对话框、打开/关闭窗口、计时器、获得焦点 document对象 document代表HTML或XML文档对象 常用属性： forms //文档中的表单对象数组 images //文档中的图像对象数组 links //文档中的连接对象数组 anchors //文档中的锚对象数组 常用方法： getElementById() //根据指定id属性返回一个节点 getElementsByName() //根据指定name属性返回一个节点数组 write() / writeln() //将HTML文本添加到打开的文档 getElementsByTagName() location对象 Location对象用于存储当前显示文档的web地址，常用属性： href //返回当前字符串形式的URL host //返回主机IP和端口号 hostname //返回主机名 port //返回端口号 search //返回询问 常用方法： reload() //重新装载文档 history对象 history对象代表浏览器URL的历史 常用属性： length //浏览器URL历史列表的长度 常用方法： forward() //浏览器前进 back() //浏览器后退 go() //转移到指定的索引的列表位置 示例： history.go(1) 等效于 forward(); history.go(-1) 等效于 back(); navigator对象 navigator对象代表正在使用的浏览器的信息 常用属性： appCodeName //浏览器的代码名，mozilla appName //浏览器的名称 appVersion //浏览器的版本 mimeTypes[] //浏览器支持的mime类型数组 platform //浏览器运行的OS userAgent //客户端用户代理头的值 FF示例 对于Firefox3.5，其可能如下所示： appCodeName: Mozilla appName: Netscape appVersion: 5.0 (Windows; zh-CN) platform