第二章HTML和JavaScript.pptVIP

第二章 HTML和JavaScript JavaScript概述 JavaScript是一种脚本语言 JavaScript脚本在浏览器上运行，比VBScript具有更好的跨平台性 JavaScript是基于对象、事件驱动的语言，编程简单，例 JavaScript脚本可以增强客户端的处理能力，减少网络流量和减轻服务器的负担 JavaScript脚本最典型的应用是对客户端用户输入信息进行有效性验证，此外还经常用于制作网页特效（如光标动画、动态广告面板、检测鼠标行为等）和窗口动态操作（设置窗口大小、窗口的打开与关闭等）。 使用标记SCRIPT和/SCRIPT嵌入到HTML文档中 ClickButton.html ClickButton.html：单击“请点击我”按钮，将调用脚本中的函数showMsg()，弹出一个提示对话框 SCRIPT language=JavaScript function showMsg() { alert(您刚刚点击了按钮！); } /SCRIPT FORM PINPUT TYPE=button value=请点击我 ONCLICK=showMsg() /p /FORM JavaScript脚本的执行 JavaScript脚本有2类不同的情形，一类是普通的脚本语句，一类是函数 普通的脚本语句在被浏览器扫描到时执行 函数被调用时才执行 通过具体的调用语句显式调用 通过事件处理机制隐式调用 JavaScript的基本语法 JavaScript的数据类型 JavaScript的变量名和关键字 JavaScript的运算符和表达式 JavaScript的语句 JavaScript的函数 JavaScript的注释 JavaScript的数据类型 JavaScript的数据类型包括基本数据类型和复合数据类型 基本数据类型有数字、布尔、字符串和空(null) 数字包括整数和实数 字符串型是用双引号“ ”或单引号‘’ 括起来的字符或数字 布尔型的值只有true或false 复合数据类型包括数组和对象 JavaScript的变量和关键字 JavaScript的变量名必须以字母、$或下划线开头，后面可以包含字母、$、下划线或数字，变量名区分大小写 变量第一次出现是在声明中，用var来声明变量。由于JavaScript是弱类型的语言，变量可以不声明就直接使用。 JavaScript是弱类型的语言，变量没有预定的类型，变量的类型取决于它的值，当运算需要时通常还能自动作必要的类型转换。例 JavaScript的关键字是JavaScript内部使用的、具备特定含义的字符，比如var、int、true等。已使用的关键字有……，未使用的保留字有…… var.html script var today=false; today=Monday; document.write(today的值是+today+br); today=1-15; document.write(today的值是+today); /script 已使用的关键字 未使用的保留字 JavaScript的运算符和表达式 JavaScript的运算符有很多，如算术运算符、比较运算符、逻辑运算符、位运算符、条件运算符等，这些运算符的用法与C语言和Java类似。 组合使用常量、变量和运算符，可以构成编程中需要的表达式。 例 age.html 提示用户输入年龄，根据用户的输入显示不同的信息 HTML HEAD TITLE 条件表达式 /TITLE /HEAD BODY BGCOLOR=#FFFFFF SCRIPT age=prompt(请输入你的年龄:,); document.write(你的年龄是+age+p所以你是); document.write(age18?未成年人:成年人) /SCRIPT /HTML JavaScript的语句 同C语言一样，包括: 条件语句,如if语句和switch语句 循环语句，如for、while和do-while语句 还有赋值语句、数据声明语句、函数调用语句、 break语句、continue语句、return语句 特别的有: with语句和for in语句，例 with.html JavaScript的函数 函数是已命名的语句块 定义函数的语法如下: function 函数名([参数表]) { 语句系列； } 参数传递是按值传递，但对象或数组是传递地址 例 除了直接调用函数外，还可以通过链接调用函数，例；还可以在事件响应中调用函数。 几个常用函数 twofunc.html callfunc.html 几个常用函数 parseInt, parseFloa