收藏 分享(赏)

JavaScript语法基础2PPT课件.ppt

上传人:Facebook 文档编号:3723057 上传时间:2018-11-16 格式:PPT 页数:33 大小:969.50KB
下载 相关 举报
JavaScript语法基础2PPT课件.ppt_第1页
第1页 / 共33页
JavaScript语法基础2PPT课件.ppt_第2页
第2页 / 共33页
JavaScript语法基础2PPT课件.ppt_第3页
第3页 / 共33页
JavaScript语法基础2PPT课件.ppt_第4页
第4页 / 共33页
JavaScript语法基础2PPT课件.ppt_第5页
第5页 / 共33页
点击查看更多>>
资源描述

1、第八章,JavaScript 核心语言对象,回顾,声明一个变量x,初值为10,对应的js代码? alert(10“30”);显示为什么效果? 将字符串转换为整数,使用哪个函数?,var x=“c”,var y; switch(x) case “a”:y=5;case b :y=6;default:y=0; ,指出代码错误,目标,使用数组 使用循环语句控制应用程序 创建自定义函数 理解 JavaScript 对象 使用 String、Math 和 Date 等对象,数组 4-1,声明数组 var 数组名 = new Array(数组大小);例: var emp = new Array(3) 添加

2、元素 emp0 = “AA“;emp1 = “BB“;emp2 = “CC“;,emp,也可以声明数组并赋初值:例: var emp=new Array(“AA”,“BB”,“CC”);,使用数组var emp = new Array(3); emp0 = “Ryan Dias“; emp1 = “Graham Browne“; emp2 = “David Greene“; document.write(“数组emp中的数据为:“); document.write(emp0+“); document.write(emp1+“); document.write(emp2+“);,数组 4-2,数

3、组 4-3,常用属性length :返回数组中元素的个数 常用方法,var emp = new Array(3); emp0 = “Ryan Dias“; emp1 = “Graham Browne“; emp2 = “David Greene“; emp.sort( ); document.write(“排序结果是:“); document.write(emp0+“); document.write(emp1+“); document.write(emp2+“);,数组排序 4-2,循环,for循环 do-while while,For 循环演示document.write(“打印金字塔直线

4、“); for (var i= 0; i“);,for循环 例: var i; for (i=0; i10; i+) / 语句; ,for 循环,如何实现,当i=5 时,,.myfontfont-size:150;color:#c99c96;font-family:Webdings /产生埃及图像的特殊字体document.write(“每个字符都对应一个漂亮的埃及图像“); do var c = prompt(“输入一个字符,输入N 或n停止“,“A“) ;document.write (“+c+“);while (c !=“N“ ,while循环while(循环条件)/语句; dowhil

5、e循环do/语句;while(循环条件);,while和dowhile循环,先执行,后判断循环条件,输入一个字符,直到N停止,用哪个循环,JavaScript 函数,内置函数 eval 函数: 用于计算字符串表达式的值 isNaN 函数:用于验证参数是否为 NaN(非数字),自定义函数,定义函数: function 函数名( 参数1,参数2, ) 语句; 调用函数: 函数调用一般和表单元素的事件一起使用,调用格式为: 事件名“函数名” ;,function sum ( one, two) var result = one + two;return result; ,表示单击此按钮时,调用函数s

6、um( )执行,函数的应用,num1,num2,result,定义函数,定义函数compute( ),完成计算的功能。op参数代表运算符号,调用函数,第一个数第二个数 计算结果 ,JavaScript 对象简介 2-1,对象是属性和/方法的组合 属性是对象所拥有的一组外观特征,一般为名词 方法是对象可以执行的功能,一般为动词 例如:汽车,对象:汽车,属性:型号:法拉利 颜色:绿色,方法:前进、刹车、倒车,JavaScript 对象简介2-2,三类对象,浏览器对象,脚本对象,HTML 对象,浏览器窗口window 文档 document url地址等,String字符串对象 Date日期对象 M

7、ath数学对象等,各种HTML标签: 段落 图片 超链接等,String 对象 3-1,创建字符串有两种不同方法 : 使用 var 语句 var newstr = “这是我的字符串“ 创建 String 对象 var newstr = new String (“这是我的字符串“),String 对象 3-2,语法: indexOf(“查找的子字符串”,查找的起始位置) 返回子字符串所在的位置,如果没找到,返回 1 例如: var x var y=“abcdefg”; x=y.indexOf(“c” , 0 ); /返回结果为2,起始位置是0,function checkEmail( )var

8、e=document.myform.email.value; if (e.length=0) /检测长度是否为0,即是否为空alert(“电子邮件不能为空!“);return ;if (e.indexOf(“,0)=-1) /检测是否包含”符号alert(“电子邮件格式不正确n必须包含符号!“);return ;if (e.indexOf(“.“,0)=-1) /检测是否包含”.”符号alert(“电子邮件格式不正确n必须包含.符号!“);return ;document.write(“恭喜您!,注册成功!欢迎进入古城热线!“); ,检查电子邮件email 是否包含“”和”.”,String

9、对象 3-3,返回结果-1表示没找到“”字符,Math 对象 2-1,Math.random( ) :产生01的随机小数 Math.round( ):四舍五入取整,如9.34 取整为9,自动刷新document.write(“2秒自动刷新,随机显示图片“);var i=0;i=Math.round(Math.random( )*8+1);document.write(“);,Math 对象 2-2,假定随机产生的数字i=3,上述代码即为:显示第三幅图片(3.jpg),如何实现,每隔2秒刷新网页,Math.round(Math.random( )*8+1) 产生1-9的数字,Date 对象10-

10、1,Date 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数,var 日期对象 = new Date (年、月、日等参数),例: var mydate=new Date( “July 29, 1998,10:30:00 ”) 如果没有参数,表示当前日期和时间 例: var today = new Date( ),Date 对象10-2,Data 方法的分组:,Date 对象10-3,用作 Date 方法的参数的整数:,Date 对象10-4,Set 方法:,Date 对象10-5,Get 方法:,Date 对象10-6,To 方法:,Parse 方法和 UTC

11、 方法,var now= new Date( ); var hour = now.getHours( ); if (hour=0 ,Date对象 10-7,如何实现,获得当前日期和时间,获得小时,即当前是几点,判断上午、下午还是晚上,月份数字011,注意1,Date对象 10-8,setTimeout的用法:setTimeout(“调用的函数”,”定时的时间”) 例:var myTimesetTimeout(”disptime( )”,1000);clearTimeout(myTime);,本例的时间可以采用定时显示,使用定时器函数,每隔1秒调用disptime( )函数显示时间,每隔1000

12、毫秒调用函数disptime( )执行,关闭定时器,Date 对象10-8,var myTime = setTimeout(“disptime( )“,1000); 设置定时器每隔1秒(1000毫秒),调用函数disptime( )执行,刷新时钟显示,Date对象 10-10,设置样式:无边框的文本框,Onload ( ) 事件,页面加载就调用函数:disptime (显示时间),总结,Array对象常用的属性是length,排序方法:sort 循环语句分为:for 循环、while循环、do-while循环 Eval( )函数可以计算某个计算表达式的值,isNaN( )函数可用于判断是否是一个数字 String对象的indexOf( )方法用于查找子字符串 Math对象的random( )方法可以产生01的随机数 Date对象有setxxx( )方法用于设置日期和时间,getxxx( )方法用于获得日期和时间,

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 外语学习 > 语法

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报