JS第01章 JavaScript基本语法讲义.pptVIP

* 调用有参函数 JavaScript 代码 FORM action= method=post name=myform id=myform …… TR TDINPUT name=addButton2 type=button“ id=addButton2 value= ＋ onClick=compute(+) /TD TDINPUT name=subButton2 type=button id=subButton2 value= － onClick=compute(-) /TD TDINPUT name=mulButton2 type=button“ id=mulButton2 value= × onClick=compute(*) /TD TDINPUT name=divButton2 type=button id=divButton2 value= ÷ onClick=compute(/) /TD /TR …… /FORM 调用有参函数 查看完整代码 * 常见错误1 function compute(op) { x=5; var num1,num2; num1=parseFloat(document.myform.txtNum1.value); num2=parseFloat(document.myform.txtNum2.value); if (op==+) document.myform.txtResult.value=num1+num2 ; if (op==-) document.myform.txtResult.value=num1-num2 ; } 变量可以不声明而直接赋值。如x=5; 不推荐使用，容易出错。 * function compute(op) { var Num1,num2; num1=parseFloat(document.myform.txtNum1.value); num2=parseFloat(document.myform.txtNum2.value); if (op==+) document.myform.txtResult.value=num1+num2 ; if (op==-) document.myform.txtResult.value=num1-num2 ; } 常见错误2 JavaScript大小写非常敏感 * 常见错误3 SCRIPT language=javascript function compute(op) { var num1,num2; num1=document.myform.txtNum1.value; num2=document.myform.txtNum2.value; if (op==+) document.myform.txtResult.value=num1+num2 ; if (op==-) document.myform.txtResult.value=num1-num2 ; } /SCRIPT 需要使用parseFloat方法进行 转换，否则认为是字符串 * 总结 大家简述一下JavaScript脚本的基本结构？ JavaScript与Java基本语法有哪些相同之处？ 在JavaScript中，如何定义一个函数？ 在JavaScript中，如何调用一个函数？ 在JavaScript中，常见错误有哪些？ * * * * * * * * * * * 《JavaScript及网页特效制作》第一章　 JavaScript基本语法 * 预习检查 大家已学HTML，为什么要学习JavaScript？ 如何编写JavaScript程序？ JavaScript与Java基本语法的异同？ * 本章任务 制作淘宝网购物 简易计算器页面 * 掌握脚本的基本结构(Script标签) 简单记忆基本语法 变量的定义与赋值 数据类型与转换parseFloat等 运算符和控制语句同Java 灵活运用高级语法－自定义函数function 本章目标 * 请说说input元素的TYPE属性有哪些值 回顾HTML与CSS-1 常用的HTML标签有哪些？ 文档结构 html head/head body/body / html 页头 head title/title meta / base / style/style /head