3.javascript基础语法.ppt

Javascript基础语法 脚本编写语言 是一种解释性语言 但它不像这些语言一样 需要先编译 而是在程序运行过程中被逐行地解释 它与HTML标识结合在一起 从而方便用户的使用操作 基于对象的语言采用弱类型客户端语言 不允许访问本地的硬盘 不能将数据存入到服务器上 这个功能要通过服务器端的技术 asp或者 实现 JavaScript是采用以事件驱动的方式进行的 跨平台性 JavaScript是依赖于浏览器本身 与操作环境无关 只要能运行浏览器的计算机 并支持JavaScript的浏览器就可正确执行 从而实现了 编写一次 走遍天下 的梦想 JavaScript不是java 1995年12月升阳公司与网景通讯公司一起引入了JavaScript 1996年3月 网景通讯公司发表了支持JavaScript的网景导航者2 0 由于JavaScript作为网页的客户面脚本语言非常成功 微软于1996年8月引入了InternetExplorer3 0 这个软件支持一个 约 与JavaScript相容的JScript 它们都遵循最新的ECMAScript3 0标准 一 关于JavaScript 注意 1 可以使用任何编辑器 包括notpad 编写javascript脚本 2 javascript是一个脚本语言 嵌入到HTML文件中 属于解释性语言 读取顺序自上而下 3 javascript语言以和作为一个解释单元块 可以放在任何的位置 4 采用的方式引入 6 javascript语言可以不用 结尾 采用 结尾是为了符合c 语言的编程习惯 7 单独的一个只包含的html文件一样可以执行 8 javascript语言区分大小写 9 javascript中的注释采用 单行和 多行 10 javascript中的字符串可以采用 也可以采用 二 编写第一个JavaScript程序 1 定义一个变量采用var 如 varaa 注意 这里不可以定义数据类型 因为javascript是一个弱类型的语言 2 赋值aa 1 注意 这里aa的数据类型是根据输入的值来决定 3 或者直接aa 1 注意 弱类型变量没有编译机制 所以很可能出现如下的语句alert aa bb 如果bb没有赋值 则会出现一个错误 导致程序崩溃 事实上 所有的变量在javascript中都可以被认为是window对象的一个属性 window对象就是我们默认的当前浏览器对象 加上if window bb alert aa bb else alert bb没有定义 程序返回 则比较安全可靠 三 定义变量与赋值 变量的命名 JavaScript中的变量命名同其计算机语言非常相似 这里要注意以下两点 必须是一个有效的变量 即变量以字母开头 中间可以出现数字如test1 text2等 除下划线 作为连字符外 变量名称不能有空格 或其它符号 不能使用JavaScript中的关键字作为变量 在JavaScript中定义了 多个类键字 这些关键是JavaScript内部使用的 不能作为变量的名称 如Var int double true不能作为变量的名称 在对变量命名时 最好把变量的意义与其代表的意思对应起来 以免出现错误 变量的声明及其作用域 JavaScript变量可以在使用前先作声明 并可赋值 通过使用var关键字对变量作声明 对变量作声明的最大好处就是能及时发现代码中的错误 因为JavaScript是采用动态编译的 而动态编译是不易发现代码中的错误 特别是变量命名的方面 对于变量还有一个重要性 那就是变量的作用域 在JavaScript中同样有全局变量和局部变量 全局变量是定义在所有函数体之外 其作用范围是整个函数 而局部变量是定义在函数体之内 只对其该函数是可见的 而对其它函数则是不可见的 1 数字类型 包括整数 小数如 a 1 注意 javascript中用一个特殊的字符串NaN用于表示非数据 比如1 a 如果判断一个字符串是否数字可以用isNaN 2 字符串类型如 a a 注意 使用 与 使用效果一样 3 布尔类型如 a true 注意 1 日期类型以对象的形式出现 关于日期类型在后面会有具体描述 2 当一个变量定义了 如 vara 但是没有赋值 则为Undifined 注意 不是一个字符串 从对象的角度 它也可以等于null另外 关于转义字符的描述 以反斜杠 开头的不可显示的特殊字符 四 数据类型 vara 11 b 1 1 c txt d true e txt f false varg alert a b if d true alert e if f true alert c alert g if g null alert g没有赋值 if g undefined alert g还是没有赋值 alert 关于数据类型的综合例子 1 隐式转换 比如 vara 1 b 1 则a b返回的是11 那么a被转换为字符类型了 其隐式转换的方式如下 数字 字符串 字符串布尔 字符串 字符串布尔 数字 数字 2 显式转换通过函数来完成 parseInt 方法 将字符串转换为整数parsetFloat 方法 将字符串转换为小数注意 parsetInt 3a 可以转换为3而不报错 五 隐式与显式转换 算术运算符 加 减 乘 除 取模 递加1 递减1 逻辑运算符 大于 大于等于 等于 不等于 非 与 或 3 位运算符 按位或 按位与 右移 右移 零填充 取反 取补 4 三目操作符主要格式如下 操作数 结果 结果 六 运算符与表达式 见备注中的代码 运算符与表达式的例子 7 1 if条件语句语法if 布尔值 语句 else 布尔值 语句 elseif 布尔值 语句 else语句 七 流程控制语句 varstrSex strSex 女 if strSex 男 document write 男性网友您好 else document write 女性网友您好 document write 欢迎使用JavaScript if条件语句的例子 Switch语句的语法如下 Switch 布尔值 case条件1 break case条件2 break default 7 2 switch语句 varstrPayment master switch strPayment case cash document write 使用现金付款 break case visa document write 使用VISA信用卡付款 break case master document write 使用Master信用卡付款 break default document write 未知的付款方式 break switch语句的例子 语法如下 for 初始化 条件 增量 语句集 功能 实现条件循环 当条件成立时 执行语句集 否则跳出循环体 7 3 For循环语句 vari varintTotal 0 for i 1 i intTotal i document write 总和 intTotal For循环语句的例子 语法如下 while 条件 语句集 7 4 while循环 vari 1 varintTotal 0 while i intTotal i i document write 总和 intTotal while循环的例子 语法如下 do语句集 while 条件 7 5 do while循环 vari 1 varintTotal 0 do document write 数字 i intTotal i i while i总和 intTotal do while循环的例子 使用break语句使得循环从For或while中跳出 continue使得跳过循环内剩余的语句而进入下一次循环 7 6 break和continue语句 vartarget 36 varnumber 0 do number window prompt 输入数字 number if number null number target break if number target document write number 太大 continue elseif number target document write number 太小 continue while true if number null document write 不猜了 答案为 target elsedocument write 猜对了 答案为 target break和continue语句的例子 JavaScript中的函数有两种 8 1自定义函数JavaScript函数定义Function函数名 参数 函数体 Return表达式 八 函数 functionone2N intnumber varintTotal 0 for vari 1 i 注意 1 函数没有参数类型以及返回值 因为是弱类型 2 通过参数对象arguments length获得传入的参数总个数 通过arguments 获得传入参数的值 3 如果要获取真实的参数个数 要通过one2N length 自定义函数的例子 8 2系统函数 使用这些函数不需创建任何实例 可直接用 1 eval 返回一个表达式的值比如 eval 3 2 返回52 返回浮点数 parseFloat floustring 3 返回整数 parseInt numbestring 4 typeof 返回变量数据类型 如 number string boolean object function 和 undefined 5 isNaN 检查一个字符串是否是数字 系统函数的例子 document write 变量strName typeof 100 56的编号 document write 数字为 parseInt 11a document write 浮点数的总和 parseFloat parseFloat 100abc 200 5 document write a不是数值 isNaN a document write 字符串表达式的值 eval 20 4 5 Javascript语言之所以起名javascript是因为根据java语言而来 并不同于java语言 那么面向对象是javascript语言的特征 比如 上面介绍的函数中的代码 varintTotal one2N 10 20 document write 1加到10的值 intTotal 可以写成varintTotal window one2N 10 20 document write 1加到10的值 window intTotal 做为一个嵌入在浏览器中的脚本语言 所定义的所有变量都是window对象的数据成员 而定义的函数则是window对象的方法 Javascript所支持的对象有如下三种 内置对象 String Array Date Boolean Math Number Error等都是内置对象 自定义对象 javascript能够自己建立对象 扩展javascript的程序功能 浏览器对象 浏览器下的所有对象 又称DHTML对象模型 九 对象 Javascript内置对象分为隐性对象和显性对象 隐性对象 之前建立的主要的数据类型都属于隐性对象 比如 varv1 1 varv2 a varv3 true 显性对象 还可以利用内置对象来实现 比如 varv1 newNumber v1 1 varv2 newString v2 a varv3 newBoolean v3 true Javascript支持的内置对象有10个 包括 Number Boolean String Date Math Array Error RegExp Function Object 9 1 内置对象 语法如下 newBoolean 注意 可以传入参数形成带参数的构造函数 比如 newBoolean false 则形成一个false的变量 可以传入的参数包括 false 0 null NaN或 9 1 1 Boolean对象 语法如下 newNumber 注意 可以传入参数形成带参数的构造函数 比如 newNumber 11 则形成一个数值为11的变量 NaN是Number的属性 可以使用Number NaN 9 1 2 Number对象 9 1 3字符串对象 语法如下 newString 注意 可以传入参数形成带参数的构造函数 比如 newString aa 则形成一个内容为 aa 的变量主要属性 length 字符串中的字符个数 主要方法 有关字符显示的控制 big 大字体显示 Italics 斜体字显示 bold 粗体字显示 blink 字符闪烁显示 small 小字体显示 fixed 固定高亮字显示 fontsize size 控制字体大小字体颜色 fontcolor color 字符串大小写转换 toLowerCase 小写转换 toUpperCase 大写转换字符定位 indexOf character startIndex 截取字符 substring startindex endindex substr index length 字符分割 split string 字符串对象的例子 varstr JavaScript网页制作研究 document write big str big document write blink str blink document write bold str bold document write fixed str fixed document write fontcolor red str fontcolor red document write fontsize 5 str fontsize 5 document write italics str italics document write small str small document write strike str strike document write sub str sub document write sup str sup varstr1 JavaScript varstr2 网页制作研究 document write 英文字符substr 2 4 str1 substring 2 4 document write 中文字符串substring 2 5 str2 substring 2 5 varstr1 a b c varresult str1 split for vari 0 i 9 1 4日期对象 语法如下 newDate 注意 不带参数的是一个系统时间 不能带参数指定时间 如果指定时间需要设置日期时间函数其常用的方法如下 1 获取日期的时间方法getYear 返回年数getMonth 返回当月号数getDate 返回当日号数getDay 返回星期几getHours 返回小时数getMintes 返回分钟数getSeconds 返回秒数getTime 返回毫秒数2 设置日期和时间 setYear 设置年setDate 设置当月号数setMonth 设置当月份数setHours 设置小时数setMintes 设置分钟数setSeconds 设置秒数setTime 设置毫秒数3 日期输出方法 1 toGMTString 将一个日期按照GMT格式显示2 toLocaleString 将一个日期按照本地操作系统格式显示3 toLocaleDateString 按照本地格式显示一个日期对象的日期部分4 toLocaleTimeString 按照本地格式显示一个日期对象的时间部分 日期对象的例子1 varweekday newArray 星期日 星期一 星期二 星期叁 星期四 星期五 星期六 vardttoday newDate 获取系统日期varoutput dttoday getDate output dttoday getMonth 1 output dttoday getFullYear document write 系统日期 output 获取系统时间output dttoday getHours output dttoday getMinutes output dttoday getSeconds document write 系统时间 output document write weekday dttoday getDay document write varnewdate newDate 设定日期newdate setDate 8 newdate setMonth 4 newdate setFullYear 2003 newdate setHours 4 newdate setMinutes 30 document write newdate toLocaleString 日期对象的例子2显示时钟 见备注代码 9 1 5math对象 它不提供构造函数功能 提供除加 减 乘 除以外的一引些自述运算 如对数 平方根等 主要属性常数 以 为底的自然对数 以 为底的自然对数LN2 3 14159的PI 1 2的平方根SQRT1 2 2的平方根为SQRT2 主要方法随机数 random 绝对值 abs 正弦余弦值 sin cos 反正弦反余弦 asin acos 正切反正切 tan atan 四舍五入 round 平方根 sqrt 基于几方次的值 Pow base exponent math对象的例子 document write E Math E document write LN2 Math LN2 document write LN10 Math LN10 document write LOG2E Math LOG2E document write LOG10E Math LOG10E document write PI Math PI document write SQRT1 2 Math SQRT1 2 document write SQRT2 Math SQRT2 document write 四舍五入round 34 567 Math round 34 567 document write 四舍五入round 34 567 Math round 34 467 document write 随机数random Math random 0 10的随机数varno Math round Math random 10 document write 0 10随机数 no 0 100的随机数no Math round Math random 100 document write 0 100随机数 no JavaScript中通过Array对象实现数组功能 比如 varusername newArray 5 username 0 joe 也可以直接给数组赋值 如 vartips newArray 100 200 500 或者vartips 100 200 500 9 1 6Array对象 vartips newArray 100 2