文档介绍：1第2篇 Web 客户端程序设计基础 2 JavaScript 教学要求: ?了解 JavaScript 作用、工作机制和特点; ?了解 Window 对象构成、属性和方法掌握 Window 对象基本使用方法?学会 JavaScript 的基本语法规则熟练掌握 JavaScript 编程技巧脚本( Script) 应用知识点与技术要求: Script 是一种介于 HTML 与高级编程语言(如: Java 、 VB 和 C++ 等)之间的特殊语言,是由一组可以在 Web 服务器或客户端浏览器运行的命令的组合。脚本把网页对象和浏览器对象集成并组装起来,使网页具有动态效果和交互功能。3 JavaScript 概述 什么是 JavaScript ? (1) 脚本语言(Scripting Language) ? 由 ASCII 码构成,可直接用任何的文本编辑器开发完成。是一种不必事先编译,只要利用适当的解释器(Interpreter) 就可以执行的简单的解释式程序。(2) JavaScript ? JavaScript 是由网景公司开发的一种跨平台,纯面向对象(object-oriented) 式的网页式脚本语言(Web Script Language) 。 JavaScript 代码可直接嵌入 HTML 文件中,随网页一起传送到客户端浏览器,然后通过浏览器的解释器来解释执行。 JavaScript 4 JavaScript 和Java 的区别虽然 JavaScript 与 Java 有紧密的联系,但却是两个公司开发的不同的两个产品。 Java 是 SUN 公司推出的新一代面向对象的程序设计语言,特别适合于 应用程序开发; Java 的前身是 Oak 语言。而 JavaScript scape 公司的产品,其目的 scape Navigator 功能,而开发的一种可以嵌入 Web 页面中的基于对象和事件驱动的解释性语言, 它的前身是 LiveScript 。 5 JavaScript 特点脚本编写语言基于对象的语言事件驱动安全性动态性跨平台 JavaScript 6 制作网页特效提供表单前端验证窗口动态操作提高系统工作效率 3. JavaScript 的功能 7 JavaScript 应用示例——图像互换位置 JavaScript 8 , 当用户用鼠标左键单击页面时,图像交换位置。 JavaScript 9 ex6- 代码清单<html><head> <title> JavaScript 应用案例</title> <script language="JavaScript"> function ChangeImage(){ var dog_top= var dog_left= = = =dog_top =dog_left } </script> </head> JavaScript 10 <body onclick="ChangeImage()"> <font face=" 隶书" color="blue" size=6> 请单击页面</font><p> <div id=" cat " style="position:absolute;top:60px;left:60px"> <img src="" width="80" hieght="80" > <br> <font size=5 color="red">cat</font> </div> <div id="dog" style="position:absolute;top:60px;left:160px"> <img src="" width="80" hieght="80"><br> <font size=5 color="red">dog</font> </div> </body></html> JavaScript