DHTML5-客户端JavaScript.ppt

HandsOn Client-side JavaScript HandsOn 内容回顾?简述 Java 、 JavaScript 、 Jscript 、 js 之间的区别与联系? ?简述脚本语言与编程语言的区别? ?简述编译型语言与解释型语言的区别? ?简述 js中的基本数据类型? ?简述 js中的引用数据类型? ?简述 js中实现面向对象的方式? ?简述 js中的常用全局函数? ?简述 js中的正则表达式语法? HandsOn 本章目标? Web 浏览器中的 JavaScript ?脚本化窗口?脚本化 CSS ?事件与事件处理?表单处理 HandsOn Web 浏览器环境? Web 浏览器主要任务是在一个窗口中显示 HTML 文档,在客户端 JavaScript 中,表示 HTML 文档的是 document 对象,表示该文档所在的窗体的是 Window 对象。? Window 对象是客户端编程中的全局对象,这意味着其属性和方法可以不加对象名直接调用?每一个 Window 对象都包含一个 document 对象 HandsOn Web Browser Document 对象 Window 对象 HandsOn [0].elements[0].options[2].text 客户端的对象层次 HandsOn Web 浏览器环境?客户端的对象层次?大型的客户端对象层次的子树叫做文档对象模型 DOM(Document Object Model) , document 对象有时又称为 0级 dom ?事件驱动的编程模型?与 Winform Event 类似,原理上相同 HandsOn 脚本化 window ? window 对象代表浏览器窗口?是全局对象,其属性和方法的调用可以省略 window 名,这一点与 C# 当中的 this 类似。?其在继承了核心 JavaScript 的所有全局属性和方法的基础上,还定义了诸多的属性和方法: ?常用属性: document 、 location 、 history 、 navigator 、 screen 、 self ?常用方法: 对话框、打开/关闭窗口、计时器、获得焦点 HandsOn document 对象? document 代表 HTML 或 XML 文档对象?常用属性: ? forms //文档中的表单对象数组? images //文档中的图像对象数组? links //文档中的连接对象数组? anchors //文档中的锚对象数组?常用方法: ? getElementById () //根据指定 id属性返回一个节点? getElementsByName () //根据指定 name 属性返回一个节点数组? write() / writeln () //将 HTML 文本添加到打开的文档? getElementsByTagName () HandsOn location 对象? Location 对象用于存储当前显示文档的 web 地址,常用属性: ? href //返回当前字符串形式的 URL ? host //返回主机 IP和端口号? hostname // 返回主机名? port //返回端口号? search //返回询问?常用方法: ? reload() //重新装载文档