JavaScript网页特效案例教程课件作者王莹第一章节课件第一章节.ppt

JavaScript网页特效案例教程 主编：王莹 副主编：印梅 齐燕 第一个JavaScript小程序 JavaScript是Sun Microsystems和Netscape共同开发的一种脚本语言。它不需要进行编译，而是直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应相应事件的动态页面，实现网页的各种动态效果。 JavaScript不需要进行编译，而是直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应相应事件的动态页面，实现网页的各种动态效果，如表单验证、菜单选择、执行计算、图片特效、文字编辑等。 1.1了解JavaScript 知识点1：JavaScript的应用 1．验证用户输入的内容 2．窗口的应用 3．和用户的动态交互 知识点２：什么是JavaScript 1．是一种脚本编写语言 ２．基于对象的语言 ３．简单性 ４．安全性 ５．动态性 ６．跨平台性 知识点3：JavaScript和Java的区别 1．基于对象和面向对象 ２．解释和编译 ３．强变量和弱变量 4．代码格式不一样 ５．嵌入方式不一样 ６．静态联编和动态联编 知识点4：JavaScript执行原理 【例1】JavaScript的执行方式下列说法对的是( ) A．编译执行　B．解释执行　Ｃ．在服务器端执行Ｄ．在客户端执行 【例2】JavaScript目前最流行通用性最强的版本是（） Ａ．1.0版本 B．1.5版本 C．1.6版本　D．1.7版本 【例3】JavaScript的语言特点是 Ａ．面向对象 B．基于对象 C．编译执行 D．解释执行 【例４】JavaScript的基本特点有： Ａ．是脚本语言 B．基于对象 C．简单性 D．安全性 E．动态性 F．跨平台性 【例5】说出JavaScript的执行步骤。 1.2安装使用JavaScript编写工具 案例分析 到网上查询资料，了解JavaScript的编写工具；下载并安装Dreamweaver 8.0，熟悉常用的编辑功能。 相关知识 1．使用记事本 2．使用FrontPage 3．使用Dreamweaver 典型例题分析 【例1】下列可以编写JavaScript的工具是( ) A．记事本 B．Microsoft Word 2003　Ｃ．Macromedia Dreamweaver 8.0　Ｄ．写字板 【例2】说说用写字板编辑HTML和用Dreamweaver编辑有什么区别？ 1.3编写第一个JavaScript 案例分析 写出第一个含有JavaScript的html，功能是弹出一个欢迎对话框，并调试成功。（15分钟） 本案例涉及到的知识点： 使用Dreamweaver编写网页 使用JavaScript标签 预览网页和脚本运行效果 简单的调试方法 使用alert()方法弹出对话框 相关知识 知识点1：用Dreamweaver编写JavaScript 知识点2：JavaScript位于HTML中的位置 知识点3：用Dreamweaver调试JavaScript程序 知识点4：用Firebug调试JavaScript程序 （按照教材的调试方法，15分钟，将下列JavaScript代码用Firebug调试） 希望输出1 2 3 for (int i=0;i3;i++) { Alert(i); } 1.4Javascript基本语法——变量与运算符 案例分析 使用赋值运算符给指定的变量赋值，实现加、减、乘等计算功能。运行结果如图1.18所示。 本案例涉及到的知识点： 变量的定义和赋值 使用运算符 字符串相连 使用document.write()向HTML文档输出文本 相关知识 知识点1：变量声明和赋值 var 合法的变量名 var是声明变量所使用的关键字。合法的变量名是遵守javascript变量命名规则的。第一个字符必须是字母、下划线（-）或美元符号（$），其后的字符可以是字母、数字或下划线、美元符号。 如： my_name_name$strn1 可以同时声明和赋值： var number=10; 可以在一行声明和给多个变量赋值： var a,b=20; 在javascript中，可以不声明变量而直接使用： x=9; 知识点2：运算符号 1．算术运算符 算术运算符用于连接运算表达式。算术运算符包括加（+）、减（?）、乘（*）、除（/）、取模（%）(就是取余数)、自加（++）、自减（--）等运算符。+还可以用于连接字符串。如”hello”+” world”的结果是”hello world”。 2．比较运算符 比较运算符用来连接操作数来组成比较表达式。比较运算符的基本操作过程是：首先对操作数进