PPT
【文档说明】JavaScript核心语言对象(33)课件.ppt，共(33)页，1.121 MB，由小橙橙上传
转载请保留链接：https://www.ichengzhen.cn/view-45137.html
以下为本文档部分文字说明：
来自www.3722.cn中国最大的资料库下载JavaScript核心语言对象来自www.3722.cn中国最大的资料库下载2回顾声明一个变量x，初值为10，对应的js代码？alert(10＋“30”)；显示为什么效果？将字
符串转换为整数，使用哪个函数？varx=“c”，vary;switch（x）{case“a”:y=5;case„b‟:y=6;default:y=0;}指出代码错误来自www.3722.cn中国最大的资料库下载3目标使
用数组使用循环语句控制应用程序创建自定义函数理解JavaScript对象使用String、Math和Date等对象来自www.3722.cn中国最大的资料库下载4数组4-1声明数组var数组名=newArray(数组大小);例：varemp=newArray(3)添加元素emp[
0]=“AA";emp[1]=“BB";emp[2]=“CC";AABBCCemp也可以声明数组并赋初值：例：varemp=newArray(“AA”，“BB”，“CC”)；来自www.3722.cn中国最大的资料库下载5<HTML><HEAD><TITLE>使用数组</TITLE><SCRI
PTLANGUAGE="JavaScript">varemp=newArray(3);emp[0]="RyanDias";emp[1]="GrahamBrowne";emp[2]="DavidGreene";documen
t.write("数组emp中的数据为:<HR>");document.write(emp[0]+"<BR>");document.write(emp[1]+"<BR>");document.write(emp[2]+"<BR>
");</SCRIPT></HEAD></HTML>数组4-2来自www.3722.cn中国最大的资料库下载6数组4-3常用属性length：返回数组中元素的个数常用方法方法说明join将数组中的元素组合成字符串reverse颠倒数组元素的顺序，使第一个元素成为最后一个
，而最后一个元素成为第一个sort对数组元素进行排序来自www.3722.cn中国最大的资料库下载7<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varemp=newArray(3);emp[0]="RyanDias";emp[1]="GrahamB
rowne";emp[2]="DavidGreene";emp.sort();document.write(“排序结果是：<HR>");document.write(emp[0]+"<BR>");document.write
(emp[1]+"<BR>");document.write(emp[2]+"<BR>");</SCRIPT></HEAD></HTML>数组排序4-2来自www.3722.cn中国最大的资料库下载8循环for循
环do-whilewhile来自www.3722.cn中国最大的资料库下载9<HTML><HEAD><TITLE>For循环演示</TITLE><SCRIPTLANGUAGE="JavaScript">document.w
rite("<H2align=center>打印金字塔直线</H2>");for(vari=0;i<100;i=i+5)document.write("<HRalign=centerwidth="+i+"%>");</SCRIPT></HEAD><BODY></BODY></HTML>for循
环例：vari;for(i=0;i<10;i++){//语句;}for循环如何实现当i=5时，<HRalign=centerwidth=5％>来自www.3722.cn中国最大的资料库下载10<HEAD><STYLEtype="tex
t/css">.myfont{font-size:150;color:#c99c96;font-family:Webdings//产生埃及图像的特殊字体}</STYLE><scriptlanguage="JavaScript">document.write("<H3>每个字符都对应一
个漂亮的埃及图像</H3>");do{varc=prompt("输入一个字符，输入N或n停止","A");document.write("<fontclass=myfont>"+c+"</font>");}while
(c!="N"&&c!="n");</SCRIPT></HEAD>while循环while(循环条件){//语句；}do－while循环do{//语句；}while(循环条件);while和do－while循环先执行，后判断循环条件输入一个字符，直到
N停止，用哪个循环来自www.3722.cn中国最大的资料库下载11JavaScript函数内置函数eval函数：用于计算字符串表达式的值isNaN函数：用于验证参数是否为NaN（非数字）JavaScript代码<S
CRIPTLANGUAGE="JavaScript">varstr1=prompt(“输入一个表达式，我给您计算","1+1");varresult=eval(str1);document.write(str1+
"="+result);varx=prompt("输入一些数据","0");if(isNaN(x))alert(x+"不是一个数字");elsealert(x+"是一个数字");</SCRIPT>来自www.3722.cn中国最大的资料库下载12自定义
函数定义函数：function函数名(参数1,参数2，…){语句;}调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝“函数名”;functionsum(one,two){varresult=one+two;returnresult;}<I
NPUTname=“add”type=“button”value=“加法"onClick="sum(2，5)">表示单击此按钮时，调用函数sum()执行来自www.3722.cn中国最大的资料库下载13函数的应用n
um1num2result来自www.3722.cn中国最大的资料库下载14定义函数JavaScript代码<HEAD><SCRIPTlanguage="JavaScript">functioncompute(op){varnum1,num2;num1
=parseFloat(document.myform.num1.value);num2=parseFloat(document.myform.num2.value);if(op=="+")document.myform.result.value=num1+num2;if(op==
"-")document.myform.result.value=num1-num2;if(op=="*")document.myform.result.value=num1*num2;if(op=="/"&&
num2!=0)document.myform.result.value=num1/num2;}</SCRIPT></HEAD>定义函数compute()，完成计算的功能。op参数代表运算符号来自www.3722.cn中国最大的资料库下
载15调用函数<FORMaction=""method="post"name="myform"><P>第一个数<INPUTname="num1"type="text"><BR>第二个数<INPUTname="num2"
type="text"></P><P><INPUTname="addButton"type="button"value="＋"onClick="compute('+')"><INPUTname="subBu
tton"type="button"value="－"onClick="compute('-')"><INPUTname="mulButton"type="button"value="×"onClick="compute(
'*')"><INPUTname="divButton"type="button"value="÷"onClick="compute('/')"></P><P>计算结果<INPUTname="result"type="text"></P></F
ORM>来自www.3722.cn中国最大的资料库下载16JavaScript对象简介2-1对象是属性和/方法的组合属性是对象所拥有的一组外观特征，一般为名词方法是对象可以执行的功能，一般为动词例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车来自
www.3722.cn中国最大的资料库下载17JavaScript对象简介2-2三类对象浏览器对象脚本对象HTML对象浏览器窗口window文档documenturl地址等String字符串对象Date日期对象Math数学对象
等各种HTML标签:段落<P>图片<IMG>超链接<A>等来自www.3722.cn中国最大的资料库下载18String对象3-1创建字符串有两种不同方法：使用var语句varnewstr=“这是我的字符串"创建String对象varnewstr=newString(“这是我的字符串
")来自www.3722.cn中国最大的资料库下载19String对象3-2名称说明属性length返回字符串的长度方法big()增大字符串文本blink()使字符串文本闪烁（IE浏览器不支持）bold()加粗字符串文本fontcolor()确定字体颜色italics(
)用斜体显示字符串indexOf(“子字符串”，起始位置)查找子字符串的位置strike()显示加删除线的文本sub()将文本显示为下标……toLowerCase()将字符串转换成小写toUpperCase()将字符串转换成大写语法：indexOf(
“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回－1例如：varxvary=“abcdefg”;x=y.indexOf(“c”,0);//返回结果为2，起始位置是0来自www.3722.cn中国最大的资料库下载20<SCRIPTLANGU
AGE="JavaScript">functioncheckEmail(){vare=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对象3-3返回结果-1表示没找到“@”字符来自www.3722.cn中国最大的资料库下载21Math对象2-1名称说明属性PI∏的值，约等于3.1415LN101
0的自然对数的值，约等于2.302EEuler的常量的值，约等于2.718。Euler的常量用作自然对数的底数abs(y)返回y的绝对值sin(y)返回y的正弦，返回值以弧度为单位。cos(y)返回y的余弦，返回值以弧度为单位tan(y)返回y的正切，返回
值以弧度为单位min(x,y)返回x和y两个数中较小的数max(x,y)返回x和y两个数中较大的数random返回0-1的随机数方法round(y)四舍五入取整sqrt(y)返回y的平方根Math.random()：产生0－1的随机小数Math.round()：四舍五入取整，如9.34取整为9来
自www.3722.cn中国最大的资料库下载22<HTML><HEAD><METAhttp-equiv="refresh"content="2"><TITLE>自动刷新</TITLE><SCRIPTlanguage="JavaScript"
>document.write("2秒自动刷新，随机显示图片");vari=0;i=Math.round(Math.random()*8+1);document.write("<IMGwidth=640height=433sr
c="+i+".jpg>");</SCRIPT></HEAD><BODY></BODY></HTML>Math对象2-2假定随机产生的数字i=3，上述代码即为：<IMGwidth=640height=433src=3.jpg>显示第三幅图片（3.jp
g）如何实现每隔2秒刷新网页Math.round(Math.random()*8+1)产生1-9的数字来自www.3722.cn中国最大的资料库下载23Date对象10-1Date对象存储的日期为自1970年1月1日00:00:00以来的毫秒数var日期对象=newDate(年、月
、日等参数)例：varmydate=newDate(“July29,1998,10:30:00”)如果没有参数，表示当前日期和时间例：vartoday=newDate()来自www.3722.cn中国最大的资料库下载24Date对象10-2Data方法的分组：方法分组说明setxxx这些方法用
于设置时间和日期值getxxx这些方法用于获取时间和日期值Toxxx这些方法用于从Date对象返回字符串值parsexxx&UTCxx这些方法用于解析字符串来自www.3722.cn中国最大的资料库下载25Date
对象10-3用作Date方法的参数的整数：值整数Seconds和minutes0至59Hours0至23Day0至6（星期几）Date1至31（月份中的天数）Months0至11（一月至十二月）来自www.3722.cn中国最大的资料库下载26Date对象10-4
Set方法：方法说明setDate设置Date对象中月份中的天数，其值介于1至31之间。setHours设置Date对象中的小时数，其值介于0至23之间。setMinutes设置Date对象中的分钟数，其值介于0至59之间。setSeconds设置Date对象中的秒数，其值介于0至59之间
。setTime设置Date对象中的时间值。setMonth设置Date对象中的月份，其值介于1至12之间。来自www.3722.cn中国最大的资料库下载27Date对象10-5Get方法：方法说明getDate返回Date对象中月份中的天数，其值介
于1至31之间getDay返回Date对象中的星期几，其值介于0至6之间getHours返回Date对象中的小时数，其值介于0至23之间getMinutes返回Date对象中的分钟数，其值介于0至59之间getSeconds返回Date对象中的秒数，其
值介于0至59之间getMonth返回Date对象中的月份，其值介于0至11之间getFullYear返回Date对象中的年份，其值为四位数getTime返回自某一时刻（1970年1月1日）以来的毫秒数来自w
ww.3722.cn中国最大的资料库下载28Date对象10-6方法说明ToGMTString使用格林尼治标准时间(GMT)数据格式将Date对象转换成字符串表示ToLocaleString使用当地时间格式将Date对象转换成字符串表示To方法：Parse方法和UTC方法方法说
明Date.parse(datestring)用日期字符串表示自1970年1月1日以来的毫秒数Date.UTC(year,month,day,hours,min.,secs.)Date对象中自1970年1月1日以来的毫秒数来自www.3722.cn中国最大
的资料库下载29<HTML><BODY><scriptlanguage="javaScript">varnow=newDate();varhour=now.getHours();if(hour>=0&&hour<=12)document.write("上午好!
")if(hour>12&&hour<=18)document.write("下午好!");if(hour>18&&hour<24)document.write("晚上好!");document.write("
<P>今天日期:"+now.getYear()+"年“+(now.getMonth()+1)+"月"+now.getDate()+"日");document.write("<P>现在时间:"+now.getHo
urs()+"点"+now.getMinutes()+"分");</script></body></HTML>Date对象10-7如何实现获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字0－
11，注意＋1来自www.3722.cn中国最大的资料库下载30Date对象10-8setTimeout的用法：setTimeout（“调用的函数”,”定时的时间”）例：varmyTime＝setTimeout（”disptime()”,1000
）;clearTimeout（myTime）;本例的时间可以采用定时显示，使用定时器函数，每隔1秒调用disptime()函数显示时间每隔1000毫秒调用函数disptime()执行关闭定时器来自www.3722.cn中国最大的资料库下载31Date对象10-8JavaScript代码
<SCRIPTlanguage="JavaScript">functiondisptime(){vartime=newDate();//获得当前时间varhour=time.getHours();//获得小时、分钟、秒varminute=time.getMinut
es();varsecond=time.getSeconds();varapm="AM";//默认显示上午:AMif(hour>12)//按12小时制显示{hour=hour-12;apm="PM";}if(minute<10)/
/如果分钟只有1位，补0显示minute="0"+minute;if(second<10)//如果秒数只有1位，补0显示second="0"+second;document.myform.myclock.value=hour+":"+minute+
":"+second+""+apm;varmyTime=setTimeout("disptime()",1000);}</SCRIPT>无边框的文本框myclock使用定时器函数，每隔1秒调用disptime()函数刷
新显示获得小时、分钟、秒根据12小时制调整时间和AM/PM标志确保分钟和秒显示位数为2位varmyTime=setTimeout("disptime()",1000);设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示来自www.3722.cn中
国最大的资料库下载32Date对象10-10<STYLEtype="text/css"><!--/*设置样式：无边框的文本框*/INPUT{font-size:50px;color:#CC0000;border-style:n
one}--></STYLE></HEAD><BODYonLoad="disptime()"><FORMNAME="myform"><INPUTname="myclock"type="text"value=""></FORM>设置样式：无边框的文本
框Onload()事件，页面加载就调用函数：disptime（显示时间）来自www.3722.cn中国最大的资料库下载33总结Array对象常用的属性是length，排序方法：sort循环语句分为：
for循环、while循环、do-while循环Eval()函数可以计算某个计算表达式的值，isNaN()函数可用于判断是否是一个数字String对象的indexOf()方法用于查找子字符串Math对象的
random()方法可以产生0－1的随机数Date对象有setxxx()方法用于设置日期和时间，getxxx()方法用于获得日期和时间
辽公网安备 21102102000191号
营业执照
