javascript语法基础.ppt

JavaScript语法基础 运算符 算术运算符 1 实现步骤 1 使用DreamWeaver或者FrontPage设计页面2 指定各个文本框的名称3 切换为代码视图 编写脚本代码4 浏览并调试 算术运算符 2 functioncal varnum document calform num value varprice document calform price value vartotal parseFloat num parseFloat price document calform totalprice value total 计算总价并显示 添加单击事件 单击按钮时调用 cal 函数 获取表单中输入的数据 document 表单名 表单元素名 value 定义calcu 计算函数 实现两个数相乘的功能 定义函数的语法 function函数名 参数列表 JavaScript语句 比较运算符 比较运算符2 1 比较运算符 functioncal varnum document calform num value varprice document calform price value vartotal parseFloat num parseFloat price document calform totalprice value total if total 200 alert 你可以参加抽奖 其他代码略 同上例 购买总价超过200 可以参加抽奖 运算符 逻辑运算符 逻辑运算符 functioncal varnum document calform num value varprice document calform price value vartotal parseFloat num parseFloat price document calform totalprice value total if total 100 其他代码略 同上例 100 200之间 赠送价值20元的大礼包 200 500之间 赠送价值50元的大礼包 if语句2 1 条件语句用于测试条件 if 条件 JavaScript代码 语法 如果要执行多个语句 必须将这些语句放在一对大括号 内 但如果只要执行一个语句 则可以省略大括号 If语句2 2 functioncal varnum document calform num value varprice document calform price value if num 其他代码略 同上例 如果输入框中的数据用户漏填了 出现NaN的bug为什么呢 ifelse语句2 1 if 条件 JavaScript代码 else JavaScript代码 语法 If else语句2 2 functioncal varnum document calform num value varprice document calform price value if num 其他代码略 同上例 提示没有填写购买数量或者价格 嵌套if语句2 1 if 条件1 if 条件2 JavaScript代码 语法 嵌套If语句2 2 functioncal varnum document calform num value varprice document calform price value if num 其他代码略 同上例 价格无意中输入负数 出现bug怎么办 switch语句2 1 15 switch 表达式 case常量1 JavaScript语句 break case常量2 JavaScript语句 break default JavaScript语句 语法 switch语句2 2 16 functioncal varnum document calform num value varprice document calform price value vargrade varpay document calform pay value switch parseInt pay case1 grade 0 9 break case2 grade 0 8 break default grade 1 break vartotal parseFloat num parseFloat price grade document calform totalprice value total alert 您享受了 grade 10 折优惠 招行支付 打9折现金支付 打8折其他 打10折 不打折 循环 for循环do whilewhile for循环例 vari for i 0 i 10 i 语句 FOR循环 For循环演示document write 打印金字塔直线 for vari 0 i FOR循环 如何实现 当i 5时 while循环while 循环条件 语句 do while循环do 语句 while 循环条件 WHILE和DO WHILE循环 先执行 后判断循环条件 myfont font size 150 color c99c96 font family Webdings 产生埃及图像的特殊字体 document write 每个字符都对应一个漂亮的埃及图像 do varc prompt 输入一个字符 输入N或n停止 A document write c while c N WHILE和DO WHILE循环 输入一个字符 直到N停止 用哪个循环 JAVASCRIPT函数 内置函数eval函数 用于计算字符串表达式的值isNaN函数 用于验证参数是否为NaN 非数字 varstr1 prompt 输入一个表达式 我给您计算 1 1 varresult eval str1 document write str1 result varx prompt 输入一些数据 0 if isNaN x alert x 不是一个数字 elsealert x 是一个数字 自定义函数 定义函数 function函数名 参数1 参数2 语句 调用函数 函数调用一般和表单元素的事件一起使用 调用格式为 事件名 函数名 functionsum one two varresult one two returnresult 表示单击此按钮时 调用函数sum 执行 函数的应用 num1 num2 result 定义函数 定义函数compute 完成计算的功能 op参数代表运算符号 调用函数 第一个数第二个数计算结果