已阅读5页,还剩13页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第一章,JavaScript的基本语法,什么是JavaScript,JavaScript是一种基于对象(Object)和事件驱动(Event Driven)的脚本语言。JavaScript可以嵌套在Web页面中,用来改进界面设计、验证表单、检测浏览器、创建cookies、执行交互行为等。JavaScript功能非常强大,但语法规则较为简单,基本的流程语句与Java非常相似,本节只对JavaScript的语法进行简要说明。,什么是JavaScript,脚本的执行原理,应用 服务器,IE,IE,解析HTML标签和JavaScript脚本,从服务器端下载含JavaScript的页面,返回响应,客户端请求含JS的页面,发送请求,1,用户输入,2,3,JavaScript的基本语法, 脚本的基本结构 var count=0; document.write(“淘宝网欢迎您!“); for(i=0;i淘宝网欢迎您!“); BODY部分的内容 ,JavaScript的基本语法,变量的声明和赋值,var count;,count = 5;,定义变量,赋值,“var” 用于声明变量的关键字 “count” 变量名,var x, y, z = 10;,var count = 10;,同时声明和赋值变量,声明多个变量,运算符号,运算符对一个或多个变量或值(操作数)进行运算,并返回一个新值 根据所执行的运算,运算符可分为以下类别: 算术运算符 +、-、 * 、 / 、%、+、- 比较运算符 =、!=、=、= 逻辑运算符 &、|、!,逻辑控制语句,if条件语句 switch多分支语句 for、while循环语句,if(条件) /JavaScript代码; else /JavaScript代码; ,switch (表达式) case 常量1 : JavaScript语句1; break; case 常量2 : JavaScript语句2; break; . default : JavaScript语句3; ,for(初始化; 条件; 增量) 语句集; while(条件) 语句集; ,注释,单行注释以 / 开始,以行末结束 例如: /表示JavaScript代码的开始,多行注释以 /* 开始,以 */ 结束,符号 /* */ 指示中间的语句是该程序中的注释。 例如: /* helloWorld.html 2007-9-29 第一个JavaScript程序 */,类型转换,parseInt (String) 将字符串转换为整型数字 如: parseInt (“86”)将字符串“86”转换为整型值86 parseFloat(String) 将字符串转换为浮点型数字 如: parseFloat (“34.45”)将字符串“34.45”转换为浮点值34.45,什么是函数,函数的含义:类似于Java中的方法,是执行特定任务的语句块。,如何希望点击某个按钮后才显示“HelloWorld”, 并能输入显示的次数,怎么办?,如何使用函数,创建函数 function 函数名( 参数1,参数2, ) 语句; 调用函数 函数调用一般和表单元素的事件一起使用,调用格式为: 事件名“函数名()” ;,function showHello( ) var count=document.myForm.txtCount.value ; for(i=0; iHelloWorld“); ,表示单击此按钮时,调用函数showHello( )执行,小结1,编写如左图所示,具有能对两个操作数进行加、减、乘、除运算的简易计算器。,名为myform的表单,名为divButton2的普通按钮,名为txtNum1的文本框,提示:加、减、乘、除四个按钮分别调用四 个函数实现两个数相加、相减、相乘和相除,定义有参函数,JavaScript 代码, 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 ; if (op=“*“) document.myform.txtResult.value=num1*num2 ; if (op=“/“ ,定义有参函数compute( ),完成计算功能,op参数代表运算符号。,调用有参函数,JavaScript 代码, ,调用有参函数,常见错误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; 不推荐使用,容易出错。,常见错误2, 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 ; ,JavaScript大小写非常敏感,常见错误3, function compute(op) var num1,num2; num1=document.myform.txtNum1.value; num2=document.myform.txtNum2.value; if (
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2022年江西省林业局局属事业单位招聘工作人员考试试题及答案
- 2022年广州市海珠区信访局招聘雇员考试试题及答案
- 小班幼儿美术活动教案5篇
- 《电子商务 第3版》 课件 第五章 电子商务系统建设
- 湖北省荆州市2024届九年级下学期中考模拟数学试卷(含解析)
- 户外亲子拓展活动方案5篇
- 省内竞赛题库消传卫生专业笔试卷附有答案
- 初级中式模拟题四附有答案
- 幼儿园户外活动教研活动方案7篇
- 2024年高分子粘接材料行业商业计划书
- 中小学心理健康教育课程标准
- 教科版五年级下册科学第三单元《环境与我们》单元测试卷(含答案)
- 2024年度-银行不良清收技巧培训课件(学员版)
- 2024届福建省厦门五中学中考化学考试模拟冲刺卷含解析
- 钻井柴油机工艺
- 2023年宠物医院劳动合同
- 石油工业与环境保护概论智慧树知到期末考试答案2024年
- 2024年浙江首考高考英语卷试题真题及答案解析(含听力原文+作文范文)
- MOOC 航天、人文与艺术-南京航空航天大学 中国大学慕课答案
- 创伤急救应急演练方案及流程
- 国开2024春季《形势与政策》形考任务(专题检测、大作业)答案
评论
0/150
提交评论