[计算机软件及应用]03第三讲JavaScript编程技术一.ppt

第三讲 JavaScript(上) 4.1－4.2基本语法与网页事件处理 *知新* 理解什么是 JavaScript 将 JavaScript 嵌入到 HTML 中 基本语法 变量、数据类型和运算符 JavaScript的流程控制 JavaScript函数 JavaScript 常用对象 网页事件处理 标记click 鼠标事件 标记onchange事件 键盘事件 什么是JavaScript ? 什么是JavaScript JavaScript是由Netscape公司开发并在浏览器中执行的脚本语言。可以嵌入到Html文件中，增加网页动态效果或数据合法性验证。 它是基于对象（Object Based）。与Java名字类似，实际上无关。 基于事件驱动（Event Driver ）。当客户在主页中执行了某种操作，比如按下鼠标、移动窗口、选择菜单等，将会引起相应的事件响应。 主要功能 网页特效：光标动画、动态广告等 数据验证 ：登录、注册、调查表 JavaScript 用于数据验证 4.1.1 将JavaScript嵌入网页 （重点） 将 JavaScript 脚本嵌入 HTML 网页的方式有三种： SCRIPT标记块形式－用 SCRIPT 标记将语句嵌入文档 独立js脚本文件形式－将 JavaScript 文件链接到 HTML 文档 具体事件属性方式－通过事件属性与HTML结合 Script 标记块 使用外部 JS 文件 4.1.2 变量、声明变量 “var” － 用于声明变量的关键字 “a” － 变量名 变量定义实例(4-5.html) JavaScript中消息对话框(重点) 用于和用户交互的消息对话框有三个： alert(警告信息); prompt(提示信息,初始值); confirm(确认消息); 例：声明变量 HTML HEAD TITLE使用变量/TITLE SCRIPT LANGUAGE = Javascript var x; x=prompt(淘宝网竟拍，请出一口价,1) ; document.write(拍卖价格+x+BR) ;// +用来连接多个字符串 document.write(恭喜您，您以最高价拍卖成功！); alert(欢迎下次光临！); /SCRIPT /HEAD /HTML 变量的作用域 数据类型及常量 运算符 运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 比较运算符 逻辑运算符 比较运算符 比较运算符 运算符 逻辑运算符 4.1.3 JavaScript流程控制 if 语句 if-else语句 if嵌套 语法格式： switch 语句 循环控制语句 for循环 do-while while for 循环 例：for循环的应用－打印金字塔直线 while和do－while循环 4.1.4 JavaScript函数(重点) 定义函数，一般放在HTML文档的head/head之间，格式： function 函数名(参数名1,参数名2,… ){ 语句; } 调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝函数名(参数值1,参数值2,…); 例－利用函数操作表单对象 例－函数操作表单功能实现 内置对象－Date 对象 Date 对象提供了灵活的操作时间和日期的方法 创建日期对象：new Date([参数]) 星期的天数与月份数都是从0开始表示，如：第0月是1月 Date 对象的主要方法 Date 对象的常用方法 例－Date对象应用 例－Date对象应用(实现) 内置对象－Math 对象 内置对象－String(重点) 创建字符串有两种不同方法 ： 可以直接使用赋值语句 var newstr =海上升明月; 使用构造器创建 String 对象 var newstr = new String(天涯共此时); String 对象 例－String 对象应用 例：String类的indexOf()方法的应用(重点) 小结 网页中嵌入脚本的三种方式 使用Script标签 外部 *. js文件 事件属性 函数定义和调用 定义：function 函数名(…){} 调用：一般通过对象的事件属性调用，如:onClick=函数名(…) parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数 String对象的indexOf( )方法用于查找子字符串 Date的getxxx( )方法用于获得日期和时间 作业(函数定义与使用) 试编写JavaScript脚本程序，嵌入到HTML网页中，实现简单计算器的功能