MJavaScript基本.ppt

* * 总结 理解什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 理解变量、数据类型和运算符 掌握判断与循环语句 了解对象的常用方法 掌握自定义函数的书写 * * 强调JS的主要功能： 1）数据验证 2）网页特效 3）因为js是脚本语言，所以代码也称为js脚本 * 讲解要点： 1）JavaScript代码可以直接写在网页内 2）也可以象样式文件一样。把JavaScript代码写在一个*.js文件中，然后把网页和*.js文件关联就是。 告诉学员： 1）JavaScript代码的固定语法： 一般在head标签中 HEAD SCRIPT language = JavaScript //Js代码 / SCRIPT 2) document.write( )方法表示往页面中写（输出）内容，相当于C语言的printf( )函数。 Document表示页面文档，后续章节会讲解。 3）演示：参考TG7-Source 文件夹中的“欢迎页面”用例 * 演示：参考TG7-Source 文件夹中的“外部js文件”用例 告诉学员：JavaScript语法和C语言类似，只是语法关键字等细节不同。 例如： 1）区分大小写 2）每条语句以分号结束 ; 3) If －else语句 4）for while do..while循环 5）支持函数、数组等。 以便后续语法的讲解。 告诉学员： 和C语言一样，变量的使用分为两步： 1）声明变量 2）给变量赋值 * 告诉学员，运算符号的语法和C语言雷同。++，--不需要过于深入 告诉学员，和C语言雷同，强调等号用两个等号，即”＝＝”。 重点是讲解例子，帮助学员使用。 告诉学员：这些都和C语言雷同，重点是讲解例子，帮助学员使用。 告诉学员，条件语句的语法和C语言一样，重点讲解例子，帮助学员应用。 * * * * * * * * * 重点演示 script var str=abcdefg; var s1; var s2; s1=str.substring(3,5); s2=str.substr(3,7); document.write(str字母是: + str + brbrbr); document.write(str总长度为: + str.length + br); document.write(str第三个字母是: + str.charAt(2) + br); document.write(str第一个字母的Ascii为: + str.charCodeAt(0) + br); document.write(s1= + s1 + br); document.write(s2= + s2 + br); /script * * * * * JavaScript基础 * 本章目标 理解什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 理解变量、数据类型和运算符 掌握判断与循环语句 了解对象的常用方法 掌握自定义函数的书写 * 什么是JavaScript JavaScript 是一种脚本语言 提供用户交互 动态更改内容 数据验证 * JavaScript简介 JavaScript主要增加页面的互动性。 JavaScript和Java是两种完全不同的东西，只是名称有些相似。 B/S结构中Java运行在服务端，JavaScript运行在客户端。 JavaScript本质是一个文档，所以可以使用文本编辑器来编写JavaScript代码。最简单使用记事本编辑。 * 将JavaScript嵌入网页 可以将 JavaScript 语句插入 HTML 文档，方式 如下： 使用 script 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中 * 使用 Script 标签 JavaScript 代码 html head script language = JavaScript document.write(欢迎来到 JavaScript 世界); /script /head body p尽情享受学习的快乐!!!/p /body /html 脚本代码 设置语言 * 使用外部 JS 文件 外部 JavaScript 文件可以链接到 HTML 文档中 script 标签的 src（源文件）属性可用于包括此外部文件 script language=“JavaScript” src= “文件名.js /script * 使用外部 JS 文件 JavaScript 代码 (test.htm) html head