PHP教程课件：JavaScript简介_第1页
PHP教程课件：JavaScript简介_第2页
PHP教程课件：JavaScript简介_第3页
PHP教程课件：JavaScript简介_第4页
PHP教程课件：JavaScript简介_第5页
已阅读5页，还剩86页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

JavaScript简介JavaScript了解什么是脚本程序和JavaScriptJavaScript的基本语法运算符程序的流程控制函数对象JavaScript的内部对象专门用于对象的语句数组什么是JavaScriptSwissBank

Florida,USAdollar’11’00’89’778“678900590”$一万元整JenySmissJ.Smiss..10,000/-JenySmissA/cNo.010077瑞士银行Jeny想在银行存钱验证Jeny帐户详细信息

余额帐号

签名帐户验证完毕什么是JavaScript同样，JenyJeny想创建一个电子邮件帐户Jeny@***24US帐户Id：密码：年龄：国家：提交提交******请等待，正在创建您的帐户OK提交提交这样，JavaScript将验证数据并给出错误信息（如有）错误消息密码不能少于六位!JavaScript简介JavaScript简介前身叫作LiveScript，是一种基于对象（Object）和事件驱动（EventDriven)、并具有安全性能的脚本语言。JavaScript与Java是两个公司开发的两个不同的产品，作用与用途大不一样，但两者语法上有很多多相似之处，JavaScript并不是Java的子集。JavaScript、Jscript与ECMAScript什么是JavaScriptJavaScript是一种脚本语言<html><scriptlanguage=“javascript”>alert(newDate());</script></html>提供用户交互

动态更改内容数据验证将JavaScript嵌入网页可以将JavaScript语句插入HTML文档，方式如下：使用<SCRIPT>标签将语句嵌入文档将JavaScript源文件链接到HTML文档中使用Script标签JavaScript代码<HTML><HEAD><SCRIPTlanguage="JavaScript">document.write("欢迎来到JavaScript世界");</SCRIPT></HEAD><BODY><P>尽情享受学习的快乐!!!</BODY></HTML>脚本代码设置语言脚本代码的位置JavaScript代码可以放置在HTML任何位置<script>varx=3;</script><p>这是一个HTML段落</p><script>alert(x);</script><p>这是一个HTML段落</p><script>varx=3;alert(x);</script><scriptlanguang=“javascript”><!— alert(newdate());--></script>将脚本程序代码作为属性值<ahref=“javascript:alert(newDate());”>javascript</a><inputtype=buttononclick=“alert(newDate())”value=t/>使用外部JS文件外部JavaScript文件（*.js）可以链接到HTML文档中SCRIPT标签的SRC（源文件）属性可用于包括此外部文件<scriptlanguage=“JavaScript”src=“文件名.js"></script>

使用外部JS文件JavaScript代码(test.htm)<HTML><HEAD><TITLE>使用外部文件</TITLE><SCRIPTSRC="test.js"></SCRIPT></HEAD><BODY><P>以上文本是通过访问外部JavaScript文件显示的</BODY></HTML>document.write("喂！你好吗?")JavaScript代码(test.js)JavaScript的基本语法JavaScript中的标识符标识符是指JavaScript中定义的符号，例如，变量名，函数名，数组名等。标识符可以由任意顺序的大小写字母、数字、下划线（_）和美元符号（$）组成，但标识符不能以数字开头，不能是JavaScript中的保留关键字。合法的标识符举例：indentifler、username、user_name、_userName、$username非法的标识符举例：int、98.3、HelloWorldJavaScript严格区分大小写computer和Computer是两个完全不同的符号JavaScript程序代码的格式每条功能执行语句的最后必须用分号（;）结束，每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。JavaScript程序的注释/*…….*/中可以嵌套“//”注释，但不能嵌套“/*….*/”JavaScript中保留的关键字abstractbooleanbreakbytecasecatchcharclasscontinuedefaultifforfloatfinallyfinalfalseextendselsedoubledoimplementsimportinstanceintinterfacelongnativenewnullbackagethissynchronizedswitchsuperstaticshortreturnpublicprotectedprivatethrowthrowstransienttruetryvoidvolatilewhile基本数据类型与常量整型常量十六进制以0x或0X开头，例如0x8a。八进制必须以0开头，例如：0123。十进制的第一位不能是0（数字0除外），例如：123。实型常量12.32、192.98、5E7、4e5等。布尔值true和false.null常量undefined常量字符串型常量“thisisJavaScriptppt”、’abc’、“a”、“”。字符串中的特殊字符，需要以反斜杠（\）后跟一个普通字符来表示，例如：\r、\n、\t、\b、\’、\”、\\.声明变量vara;

“var”－用于声明变量的关键字“a”－变量名同时声明和初始化变量vara=10;a=10;声明变量声明多个变量varx,y,z=10;赋值声明变量<HTML><HEAD><TITLE>使用变量</TITLE><SCRIPTLANGUAGE="Javascript">varx;x=prompt("淘宝网竟拍，请出一口价",1);document.write("拍卖价格"+x+"<BR>")//"+"用来连接多个字符串document.write("恭喜您，您以最高价拍卖成功！");alert("欢迎下次光临！");</SCRIPT></HEAD></HTML>定义变量赋值输出prompt(“提示信息”,”默认值”)将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。运算符算术运算符赋值运算符比较运算符逻辑运算符位运算符算术运算符+

加法运算符或正值运算符，例如：x+5，＋6。“+”还能实现多个字符串的相加，也能将字符串与其它的数据类型连成一个新的字符串，条件是该表达式中至少有一个字符串，例如：“x”+123的结果是“x123”.-

减法运算符或负值运算符，例如：7–3,-8.*

乘法运算符，例如：3*6./

除法运算符，例如，9/4.%

求模运算符（也就算术中的求余）5/2.++

将变量值加1后再将结果赋给这个变量。“＋＋”有两种用法：++x,x++. 1。前者是变量在参与其它运算之前先将自己加1后再用新的 值参与其它的运算。例如：b=++a是a先自增，即a的值 加1后，才赋值给b; 2。后者是先用原值参与其它运算后，再将自己加1，例如： b=a++是先将a赋值给b后，a再自增。--将变量值减1后再将结果赋给这个变量，与++的用法一样。<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varx=100;vary;varz;document.write("<H2>竞拍SONY数码相机600万像素"+x+"$起价</H2>");y=prompt("加多少银子？","1");z=x+y;alert("您最终的出价\n"+z+"$");//”\n”用于换行显示</SCRIPT></HEAD><body></body></HTML>Prompt函数返回输入的字符串10020

?bug+字符串相连：100+”200”200<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varx=100;vary;varz;document.write("<H2>竞拍SONY数码相机600万像素"+x+"$起价</H2>");y=prompt("加多少银子？","1");z=x+parseFloat(y);alert("您最终的出价\n"+z+"$");//”\n”用于换行显示</SCRIPT></HEAD><body></body></HTML>parseFloat()函数将字符串转换为float数据

parseInt()函数将字符串转换为int数据如果转换失败，返回NaN值(notanumber)赋值运算符赋值运算符的作用是将一个值赋给一个变量，最常用的赋值运算符是“=”。还可以由“=”赋值运算符和其它一些运算符组合产生一些新的赋值运算符，例如，“+=”,”*=”等。=

将一个值或表达式的结果赋给变量例如：x=3;+=

将变量与所赋的值相加后的结果再赋给该变量例如：x+=3等价于x=x+3;-=

将变量与所赋的值相减后的结果再赋给该变量例如：x-=3等价于x=x–3;*=

将变量与所赋的值相乘后的结果再赋给该变量例如：x*=3等价于x=x*3;/=

将变量与所赋的值相除后的结果再赋给该变量例如：x/=3等价于x=x/3;%=

将变量与所赋的值求模后的结果再赋给该变量例如：x%=3等价于x=x%3;比较运算符>

当左边操作数大于右边操作数时返回true,否则返回false.<

当左边操作数小于右边操作数时返回true,否则返回false.>=

当左边操作数大于等于右边操作数时返回true,否则返回false.<=

当左边操作数小于等于右边操作数时返回true,否则返回false.==

当左边操作数等于右边操作数时返回true,否则返回false.!=

当左边操作数不等于右边操作数时返回true,否则返回false.注意：不要将比较运算符“＝＝”误写成“＝”。逻辑运算符&&逻辑与，当左右两边操作数都为true时，返回true,否则返回false.||逻辑或，当左右两边操作数都为false时，返回false,否则返回true.!逻辑非，当操作数为true时返回false,否则返回true.位运算符任何信息在计算机中都是以二进制的形式保存的，位运算用于对操作数中的每一个二进制位进行运算，包括位逻辑运算符和位移运算符。&

只有参加运算的两位都为1,运算的结果才为1,否则为0.|

只有参加运算的两位都为0,运算的结果才为0,否则为1.^

只有参加运算的两位不同,运算的结果才为1,否则为0.>>

将左边的操作数在内存中的二进制数据右移右边操作数指定的位数，左边移空的部分，补上左边操作数原来的最高位的二进制位值。<<

将左边操作数在内存中的二进制数据左移右边操作数指定的位数，右边移空的部分补0。>>>

将左边操作数在内存中的二进制数据右移右边操作数指定的位数，左边移空的部分补0。程序的流程控制顺序结构if条件选择语句switch选择语句while循环语句dowhile语句for循环语句break与continue语句if条件选择语句1、if(条件语句){

执行语句;} if(x==null)或if(typeof(x)==“undefined”)可以简写成if(!x).2、if(条件语句）

{

执行语句块1;}else{

执行语句2;}三目运算符：变量＝布尔表达式?语句1：语句2;例如：y=x>0?x:-x;举例：如果购买金额大于1000，将给与95折的折扣if条件选择语句3、if(条件语句1){

执行语句1;}elseif(条件语句2){

执行语句2;}…………elseif(条件语句n){

执行语句n;} else{

执行语句n+1;}if语句的嵌套if(x<1){if(y==1)alert(“x<1,y==1”);elsealert(“x<1,y!=1”);}elseif(x>10){if(y==1)alert(“x>10,y==1”);elsealert(“x>10,y!=1”);}if练习制作一个考试成绩自动分级程序输入学生考试成绩90分以上，评定为“优”75到90分，评定为“良”60到75分，评定为“中”60分以下，评定为“差”switch选择语句switch(表达式){case取值1：语句块1;break;case取值2：语句块2;break;………….case取值n：语句块n;break;defaule：语句块n+1;break;}varx=2;switch(x){ case1: alert(“monday”); break;case2: alert(“Tuesday”); break;case3:alert(“wendnesday”); break;default:alert(“sorry,Idon’tknow”);}case1:case2:case3:case4:case5:alert(“workingday”);break;default:alert(“offday”);switch练习获取指定月份的天数根据用户输入月份返回当月天数例如输入1月给用户返回1月为31天while循环语句while(条件表达式语句){

执行语句块;}varx=1;while(x<3)//如果这里加上分号会怎样呢？{alert(“x=”+x);x++;}dowhile语句do{

执行语句块;}while(条件表达式语句）;//注意这里的分号<HEAD><STYLEtype="text/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停止，用哪个循环font-family:Webdingsfor循环语句for(初始化表达式;循环条件表达式;循环后的操作表达式){

执行语句块;}<scriptlanguage=“javascript”>varoutput=“”;for(varx=1;x<10;x++){output=output+“x=”+x;}alert(output);</script><HTML><HEAD><TITLE>For循环演示</TITLE><SCRIPTLANGUAGE="JavaScript">document.write("<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％>break与continue语句break语句：st:while(true){ while(true) {

breakst; }}continue语句：varoutput=“”;for(varx=1;x<10;x++){

if(x%2==0) continue; output=output+”x=”+x;}alert(output);练习制作一个猜数游戏问题描述：猜数游戏。要求猜一个介于1～20之间的数字，根据用户猜测的数与标准值进行对比，并给出提示，以便下次猜测能接近标准值，直到猜中为止。

函数函数的作用与定义全局变量与局部变量参数个数可变的函数创建动态函数JavaScript中的系统函数函数的作用。。。。。。。。。。函数1。。。。。。。。。。函数2。。。。。。。。。。函数1。。。。。。。。。。主程序。。。。。函数3。。。。。。。。。函数1。。。。。。。。。。。。函数2。。。。。。。。。。。。函数3函数的定义与调用定义一个函数的格式如下：function函数名（参数列表）{

程序代码：

return表达式;}对函数进行调用的几种方式：1.函数名（传递给函数的参数1,传递给函数的参数2,…）2.变量＝函数名（传递给函数的参数1,传递给函数的参数2,…）3.对于有返回值的函数调用，也可以在程序中直接使用返回的结果，例如：alert(“sum=”+square(2,3));变量a、b和c只能在其各自的函数中被访问变量的作用域脚本函数function1局部变量a函数function2局部变量b函数function3局部变量c可由函数1、函数2和函数3访问全局变量gg全局变量不需要以var关键字进行声明，但局部变量则必须以此关键字来声明全局变量与局部变量的比较<scriptlanguang=“javascript”>varmsg=“全局变量”;functionshow(){

//varmsg;msg=“局部变量”;}show();alert(msg);</script>结果是什么？<scriptlanguage=“javascript”>varmsg=“全局变量”;functionsquare(x,y){varsum;sum=x*x+y*y;returnsum;}functionshow(){varmsg=“局部变量”;alert(msg);}//varsum;alert(“sum”+sum);sum=square(2,3);alert(“sum=”+sum);show();</script>参数个数可变的函数<scriptlangusge=“javascript”>functiontestparams(){varparams=“”;for(vari=0;i<arguments.length;i++)params=params+””+arguments[i];alert(params);}testparams(“abc”,123);testparams(123,456,“abc”);</script>在函数内部使用arguments对象来访问调用程序传递的所有参数创建动态函数创建动态函数的基本语法格式：varvarName=newFunction(argument1,….,lastArgument);说明：所有的参数都必须是字符串型的，最后参数必须是这个动态函数的功能代码。例子：<scriptlanguage=“javascript”>varsquare=newFunction(“x”,“y”,“varsum;sum=x*x+y*y;returnsum;”);alert(square(3,2));</script>？多想一想：动态函数有什么用，在什么情况下用动态函数;JavaScript函数内置函数

eval

函数：用于计算字符串表达式的值

isNaN函数：用于验证参数是否为NaN（非数字）JavaScript代码<SCRIPTLANGUAGE="JavaScript">varstr1=prompt(“输入一个表达式，我给您计算","1+1");varresult=eval(str1);document.write(str1+"="+result);varx=prompt("输入一些数据","0");if(isNaN(x))alert(x+"不是一个数字");elsealert(x+"是一个数字");</SCRIPT>其他Javascript中的内置函数参照API对象对象与对象实例构造方法与this关键字的作用在对象函数中变量作用域的问题JavaScript的内部对象JavaScript对象简介对象是属性和/方法的组合属性是对象所拥有的一组外观特征，一般为名词方法是对象可以执行的功能，一般为动词例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车对象与对象实例对象中所包含的变量就是对象的属性；对属性进行操作的函数就是对象的方法；对象的属性和方法都叫对象的成员。对象是对某一类事物的描述，是抽象上的概念;而对象实例是一类事物中的具体个例。能够被用来创建对象实例的函数就叫对象的构造函数，只要定义了一个对象的构造函数就等于定义了一个对象，使用new关键字和对象的构造函数就可以创建对象实例，语法格式如下：varobjInstance=newObjName(传递给该对象的实际参数列表);JavaScript对象简介三类对象

浏览器对象

内部对象HTML对象浏览器窗口window文档documenturl地址等String字符串对象Date日期对象Math数学对象等

各种HTML标签:段落<P>图片<IMG>超链接<A>等<scriptlanguage=“javascript”>functionPerson()//构造函数{}varperson1=newPerson();//对象实例person1.age=18;//属性=“zxx”;//可以为对象实例无限制的添加新成员//alert(+””+person1.age);functionsayFunc(){//用“对象实例名.成员名”的格式访问，

//也可以使用（对象实例[“成员变量名”]）的格式。

alert(+””+person1.age);}person1.say=sayFunc;person1.say();</script>构造方法与this关键字为一个对象实例新增加的属性和方法，不会增加到同一个对象所产生的其它对象实例上。所有的实例对象在创建后都会自动调用构造函数，在构造函数中增加的属性和方法会被增加到每个对象实例上。对象实例是用new关键字创建的，在构造方法中不要有返回结果的return语句。调用对象的成员方法时，需要使用“对象实例.成员方法”的形式，很显然，用作成员方法的函数被调用时，一定伴随有某个对象实例。this关键字代表某个成员方法执行时，引用该方法的当前对象实例，所以，this关键字一般只在用作对象方法的函数中出现。<scriptlanguage=“javascript”>functionPerson(name,age){this.age=age;=name;this.say=sayFunc;}functionsayFunc(){alert(+”:”+this.age);}varperson1=newPerson(“张三”，18);person1.say();varperson2=newPerson(“李四”，20);person2.say();</script>练习制作一个盒子的对象，思考该对象有哪些属性和哪些方法？参数传递问题将基本数据类型的变量作为函数参数传递的情况：<scriptlanguage=“javascript”>functionchangeValue(x){x=5;}varx=3;changeValue(x);alert(x);</script>此外的x值是多少？参数传递的问题将对象类型变量作为函数参数传递的情况：<scriptlanguage=“javascript”>functionPerson(name,age){this.age=age;=name;this.say=sayFunc;}functionsayFunc(){alert(+“:”+this.age);}functionchange(p1){=“李四”;}varperson1=newPerson(“张三”，18);change(person1);person1.say();</script>JavaScript的内部对象动态对象使用“对象实例名.成员”的格式来访问其属性和方法静态对象直接使用“对象名.成员”的格式来访问其属性和方法。Object对象String对象Math对象Date对象toString方法Object对象Object对象提供了一种创建自定义对象的简单方式，不需要程序员再定义构造函数。

<scriptlanguage=“javascript”> functiongetAttributeValue(attr) { alert(person[attr]); } varperson=newObject(); =“zs”; person.age=18; getAttributeValue(“name”); getAttributeValue(“age”); </script>String对象创建字符串有两种不同方法：使用var语句

varnewstr=“这是我的字符串”；创建String对象varnewstr=newString(“这是我的字符串”)

String对象名称说明属性length返回字符串的长度

方法big()增大字符串文本blink()使字符串文本闪烁（IE浏览器不支持）bold()加粗字符串文本

fontcolor()确定字体颜色

italics()用斜体显示字符串

indexOf(“子字符串”，起始位置

)查找子字符串的位置strike()显示加删除线的文本

sub()将文本显示为下标

……toLowerCase()将字符串转换成小写

toUpperCase()将字符串转换成大写语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回－1例如：varxvary=“abcdefg”;x=y.indexOf(“c”,0);//返回结果为2，起始位置是0String对象charAt方法：返回指定位置的字符注意：一个字符串的第一个字符的索引位置为0，依次类推。charCodeAt方法：返回指定位置字符的Unicode编码lastIndexOf方法：从右向左执行match、search方法：使用正则表达式搜索replace方法：使用正则表达式替换split方法：按照指定分隔符拆分字符串slice方法：返回两个指定位置的子字符串说明：str1.slice(0)和str1.slice(0,-1)都是返回整个字符串。substr、substring方法：返回指定位置和长度的子字符串注意：substring方法返回的内容不包含结束位置的字符。Math对象Math对象是一个静态对象，不能使用new关键字创建对象实例，应直接使用“对象名。成员”的格式访问其属性或方法，例如：varnum=Math.random();Math对象名称说明属性PI∏的值，约等于3.1415LN1010的自然对数的值，约等于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<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=433src="+i+".jpg>");</SCRIPT></HEAD><BODY>

</BODY></HTML>Math对象假定随机产生的数字i=3，上述代码即为：<IMGwidth=640height=433src=3.jpg>显示第三幅图片（3.jpg）如何实现每隔2秒刷新网页Math.round(Math.random()*8+1)产生1-9的数字Date对象Date对象存储的日期为自1970年1月1日00:00:00以来的毫秒数var日期对象=newDate(年、月、日等参数)例：varmydate=newDate(“July29,1998,10:30:00”)如果没有参数，表示当前日期和时间例：vartoday=newDate()

Date对象方法分组说明setxxx这些方法用于设置时间和日期值getxxx这些方法用于获取时间和日期值Toxxx这些方法用于从Date对象返回字符串值parsexxx&UTCxx这些方法用于解析字符串Data方法的分组：Date对象值整数Seconds和minutes0至59Hours0至23Day0至6（星期几）Date1至31（月份中的天数）Months0至11（一月至十二月）用作Date方法的参数的整数：Date对象方法说明setDate设置Date对象中月份中的天数，其值介于1至31之间。setHours设置Date对象中的小时数，其值介于0至23之间。setMinutes设置

Date对象中的分钟数，其值介于0至59之间。setSeconds设置Date对象中的秒数，其值介于0至59之间。setTime设置

Date对象中的时间值。setMonth设置Date对象中的月份，其值介于1至12之间。Set方法：Date对象方法说明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日）以来的毫秒数Get方法：Date对象方法说明ToGMTString使用格林尼治标准时间(GMT)数据格式将Date对象转换成字符串表示ToLocaleString使用当地时间格式将Date对象转换成字符串表示方法说明Date.parse(datestring)用日期字符串表示自1970年1月1日以来的毫秒数

Date.UTC(year,month,day,hours,min.,secs.)Date对象中自1970年1月1日以来的毫秒数

To方法：Parse方法和UTC方法<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.getHours()+"点"+now.getMinutes()+"分");</script></body></HTML>Date对象如何实现获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字0－11，注意＋1Date对象setTimeout的用法：

setTimeout（“调用的函数”,”定时的时间”）例：

varmyTime＝setTimeout（”disptime()”,1000）;clearTimeout（myTime）;隔1000毫秒调用函数disptime()执行关闭定时器本例的时间可以采用定时显示，使用定时器函数，隔1秒调用disptime()函数显示时间Date对象无边框的文本框myclockvarmyTime=setTimeout("disptime(

)",1000);设置定时器隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示Date对象JavaScript代码<SCRIPTlanguage="JavaScript">functiondisptime(){vartime=newDate();//获得当前时间varhour=time.getHours();//获得小时、分钟、秒varminute=time.getMinutes();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>使用定时器函数，每隔1秒调用disptime()函数刷新显示获得小时、分钟、秒根据12小时制调整时间和AM/PM标志确保分钟和秒显示位数为2位toString方法toString方法是JavaScript中的所有内部对象的一个成员方法，它的主要作用就是将对象中的数据转换成某种格式的字符串来表示，具体的转换方式取决于对象的类型。举例：<scriptlanguage=“javascript”>varx=328;alert(“hes=”+x.toString(16)+

”bin=”+x.toString(2));</script>对象专用语句1、with语句：with(对象名称){

执行语句块}2、for…in语句：for(变量in对象){

执行语句}with举例<scriptlanguage=“javascript”>varcurrent_time=newDate();with(current_time){ varstrDate=getYear()+”年”; strDate+=getMonth()+”月”; strDate+=getDate()+“日”; strDate+=getHours()+“：“; strDate+=getMinutes()+“：”; strDate+=getSeconds(); alert(strDate);}</script>for…in举例<scriptlanguage=“javascript”>functionPerson(){=“sky”;this.age=19;this.height=172;}varp1=newPerson();varprop,str=“”;for(propinp1)

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论