第19章 JavaScript语言基础.pptVIP

第16周3,4课时用 教学内容： 1、掌握JavaScript变量、表达式和运算符的使用 2、掌握JavaScript对话框的使用 3、掌握JavaScript函数的定义及调用 4、掌握JavaScript分支结构程序设计 5、掌握JavaScript循环结构程序设计 教学重点 1、掌握JavaScript函数的定义及调用 2、掌握JavaScript分支结构程序设计 3、掌握JavaScript循环结构程序设计 教学难点 1、掌握JavaScript分支结构程序设计 2、掌握JavaScript循环结构程序设计 教学过程： 复习 1.学会应用行为的语法及能解决实际问题 例子：用JavaScript创建如下网页效果 参考代码： bodycenter table width=200 border=1 tr td bgcolor=#003366p九九乘法表。/p pb script type=text/javascript for(i=1;i10;i++) {document.write(br /) for(j=1;j=i;j++) document.write(i+x+j+=+i*j+nbsp;nbsp;nbsp;) } /script/b /p/td /tr /table/center /body /html 网页编程技术 * 网页编程技术 一、JavaScript语言特点 JavaScript语言 脚本语言 基于对象 事件驱动 安全 平台无关 二、JavaScript编辑和调试工具 1、记事本 2、DreamWeaver: 3、Javascript Editor: 下一页 上一页 三、将JavaScript嵌入到HTML中 JavaScript的脚本可以包括在HTML中，成为HTML文档的一部分。直接将JavaScript脚本加入HTML文档语法结构如下： Script Language =JavaScript JavaScript语言代码； JavaScript语言代码； .... /Script 嵌入的位置比较灵活，既可以放到头部，也可以放到body。 下一页 上一页 1、 程序案例： html headtitle第一个JavaScript程序/title/head body script language=JavaScript document.write(第一个JavaScript程序); /script /body /html 2、程序运行效果： 下一页 上一页 四、JavaScript变量、表达式和运算符 1、程序案例1－显示年龄 script language=javascript var name; //声明变量 name var age; //声明变量 age name=张三; //把字符串张三存储到变量 name 中 age=20; //把整数 20 存储到变量 age 中 document.write(name); //将变量name的值显示在页面上 document.write(的年龄是:); //在页面上输出 的年龄是: document.write(age); //将变量age的值显示在页面上 /script 变量的主要作用是存取数据、提供存放信息的容器。 变量命名：以字母开头，中间可以出现数字及下划线 。 在JavaScript中有四种基本的数据类型：数值、字符串型、布尔型和空值。 2、程序案例2－税额计算 script language=javascript var list,rate=0.05,paid=105,tax; // list:标价; rate:税率; paid:付款额; tax:税额 list = paid/(1+rate); //标价=付款额 / (1+税率) tax = paid - list; document.writeln(标价=+list); document.writeln(税额= + tax); /script 下一页 上一页 JavaScript表达式其实就是变量、常量和运算符的集合，分为算术表达、赋值表达式以及布尔表达式等。 运算符是完成操作的一系列符号，在JavaScript中有算术运算符、比较运算符、逻辑布尔运算符、字符串运算等。 五、JavaScript对话框 1、警示对话框程序案例 script language=javascript alert(欢迎浏览本页面！); /script 下一页 上一页 alert函数：显示一个警告对话框，包括一个OK按钮