基础核心对象

上传人：我*** IP属地：北京上传时间：2023-12-23 格式：PPTX 页数：70 大小：879.92KB 积分：20 举报 版权申诉

已阅读5页，还剩65页未读，继续免费阅读

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

文档简介

JavaScript语言JavaScript概述JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序可用于创建客户端脚本和服务器端脚本由SunMicrosystems和Netscape开发，是从Netscapes的Livescript发展而来的JavaScript的作用和基本语法规则使用JavaScript的各种功能，可以增强站点的动态性和交互性。提供用户交互动态更改内容验证数据与其他任何语言一样，JavaScript也遵循一些基本的语法规则，如：区分大小写使用成对的符号忽略空格使用注释JavaScript工具和运行时环境JavaScript代码生成工具和IDE有助于创建功能强大的JavaScript代码。以下是其中一些工具：对话框弹出菜单生成器远程控件运行时环境客户端脚本编写Web服务器上的JavaScriptJavaScript作为客户端程序嵌入网页在事件处理程序中使用JavaScript使用Script标记使用外部文件在事件处理程序中使用JavaScript示例<HTML><HEAD><TITLE>JavaScript示例</TITLE></HEAD><BODY><FORM><INPUTTYPE="button"VALUE="你好"

onClick='alert("你好！！");'></FORM></BODY>语法：</HTML>语法：<TAGeventhandler=“JavaScriptcode”>使用Script标记示例<HTML><HEAD><scriptlanguage="JavaScript"><!--对较早的浏览器隐藏脚本

document.write("欢迎使用JavaScript");//脚本隐藏在此处结束

--></script></head><body><P>祝学有所成!!!</P></body></HTML>使用外部文件示例<HTML><HEAD>

<scriptsrc="test.js"></script></head><body><P>祝学有所成!!!</body></html>document.write("嗨！你好吗？")test.js变量变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值变量的命令约定变量名必须以字母或下划线(_)与$开头变量名长度在1~255字符之间变量名可以包含数字，但不可以使用空格不可以使用JavaScript的运算符号不可以使用JavaScript用到的保留字由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符声明变量varnew_amount;varanswer=null;varold_cost=12.50;varresult="Unknownresult";vara,b,c;result=true;变量的作用域Function1、Function2和Function3都可以访问脚本全局变量Function1

局部变量aFunction2

局部变量bFunction3

局部变量c数据类型在JavaScript中有四种基本的数据类型基本类型属于弱类型将字符串转换为数值使用函数parseInt()和parseFloat()将数值转换为字符串数据类型描述数字型(Number)整数或实数逻辑型或布尔型(Boolean)True或False字符串型(String)如“HelloWorld”，“123.4”空型(null)表示空值的特殊关键字对象类型NewObject()转义字符字符说明示例\b退格符alert(“这是第一句\b这是第二句”)\f换页符alert(“这是第一局\f这是第二句”)\n换行符alert(“这是第一局\n这是第二句”)\r回车符alert(“这是第一局\r这是第二句”)\t制表符alert(“这是第一局\t这是第二句”)和C语言一样，js也有转义字符，常用的就是：

“\n”运算符算术运算符比较运算符逻辑运算符字符串运算符求值运算符算术运算符运算符说明示例+如果操作数都是数字时执行加法运算，如果其中的操作数有字符串时，会执行连接字符串的作用A=5+8//结果是13A="5"+8//结果是"58"-减法A=8–5*乘法A=8*5/除法A=20/5%取余-相除之后的余数10%3=1++一元递增。此运算符只计算一个操作数，将操作数的值加1。返回的值取决于++运算符是位于操作数之前还是位于操作数之后。++x返回递增后的x值x++返回递增前的x值--一元递减。此运算符只计算一个操作数。返回的值取决于--运算符是位于操作数之前还是位于操作数之后--x返回递减后的x值x--返回递减前的x值-一元求反。此运算符返回操作数的相反数如果a等于5，则-a=-5算术运算符-1实现步骤：1.使用DreamWeaver设计页面2.指定各个文本框的名称3.切换为代码视图，编写脚本代码4.浏览并调试num1num2result<HEAD><SCRIPTlanguage="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;}</SCRIPT></HEAD>计算总价并显示…<INPUTname="getAnswer"TYPE="button"onClick="calcu()"value="计算看看">添加单击事件，单击按钮时调用“calcu()”函数算术运算符-2获取表单中输入的数据：document.表单名.表单元素名.value定义calcu()计算函数,实现两个数相乘的功能.定义函数的语法：

function函数名(参数列表){//JavaScript语句；

}比较运算符运算符说明示例==等于。如果两个操作数相等，则返回Truea==b!=或<>不等于。如果两个操作数不等，则返回TrueVar2!=5>大于。如果左操作数大于右操作数，则返回TrueVar1>var2>=大于或等于。如果左操作数大于或等于右操作数，则返回TrueVar1>=5Var1>=var2<小于。如果左操作数小于右操作数，则返回TrueVar2<var1<=小于或等于。如果左操作数小于或等于右操作数，则返TrueVar2<=4Var2<=var1比较运算符比较运算符2-1运算符说明示例==等于。如果两个操作数相等，则返回真。a==b!=不等于。如果两个操作数不相等，则返回真。Var2!=5>大于。如果左边的操作数大于右边的操作数，则返回真。Var1>var2<小于。如果左边的操作数小于右边的操作数，则返回真。Var2<var1<=小于等于。如果左边的操作数小于或等于右边的操作数，则返回真。Var2<=4Var2<=var1>=大于等于。如果左边的操作数大于或等于右边的操作数，则返回真。Var1>=5Var1>=var2<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if(total>500)alert("购买总价超过500\n支付时将赠送超级Q币2枚！");}</SCRIPT></HEAD>….其他代码略，同上例比较运算符购买总价超过500，赠送超级Q币2枚！逻辑运算符运算符例子说明And(&&)expr1&&expr2逻辑与Or(||)expr1||expr2逻辑或Not(!)!expr逻辑非<HEAD><SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if((total>500)&&(total<=1000))alert("购买总价超过500\n支付时将赠送超级Q币2枚！");if((total>1000)&&(total<=2000))alert("购买总价超过1000\n支付时将赠送IBM光电智能鼠标1只！");if((total>2000))alert("购买总价超过2000\n请直接与贵宾台联系！");}</SCRIPT></HEAD>….其他代码略，同上例逻辑运算符500－1000之间，赠送超级Q币两枚；1000－2000之间，赠送IBM智能鼠标一只；2000以上，直接与贵宾台联系。字符串运算符x="yellow";y="green";z=x+y+"white";则z为yellowgreenwhitew=y+9;则w为green9求值运算符通常这些运算符包括：条件运算符：(condition)?trueVal:falseValtypeof运算符

typeof运算符返回字符串，该字符串代表操作数的类型varx=5;document.write(typeof(x));status=(age>=18)?"adult":"minor"表达式表达式用于在不同上下文中操作和计算变量。表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。表达式类型算术：计算结果为一个数字逻辑：计算结果为一个布尔值字符串：计算结果为一个字符串表达式通过运算符组合变量和文字条件语句if…else语句switch语句if(condition){statements;}else{statements2;}switch(expression){casevalue1:statements;break;casevalue2:statements;break;...default:statements;}<HEAD><SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;if((numb1!="")&&(numb2!="")){vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if((total>500)&&(total<=1000))alert("购买总价超过500\n支付时将赠送超级Q币2枚！");if((total>1000)&&(total<=2000))alert("购买总价超过1000\n支付时将赠送IBM光电智能鼠标1只！");if((total>2000))alert("购买总价超过2000\n请直接与贵宾台联系！");}}</SCRIPT></HEAD>….其他代码略，同上例If语句2-2如果输入框中的数据用户漏填了，出现NaN的bug为什么呢?<HEAD><SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;if((numb1!="")&&(numb2!="")){vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if((total>500)&&(total<=1000))alert("购买总价超过500\n支付时将赠送超级Q币2枚！");if((total>1000)&&(total<=2000))alert("购买总价超过1000\n支付时将赠送IBM光电智能鼠标1只！");if((total>2000))alert("购买总价超过2000\n请直接与贵宾台联系！");}elsealert("购买数量或竞拍价格没有填写\n请重新输入！");}</SCRIPT>If-else语句2-2提示没有填写购买数量或者竞拍价格?<SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;if((numb1!="")&&(numb2!="")){

if(parseFloat(numb1)<0){alert("竞拍价格不能小于零！\n请重填");return;//函数返回，不再执行后面的代码

}

if(parseFloat(numb2)<0){alert("购买数量不能小于零！\n请重填");return;}vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;…..嵌套If语句2-2购买数量无意中输入负数，出现bug怎么办?switch语句2-1switch(表达式){ case常量1: JavaScript语句; break; case常量2: JavaScript语句; break; ... default:JavaScript语句;}语法：switch语句2-2

varf=document.calc.pay.value;//支付方式代号

vargrade;//折扣率

vartotal=parseFloat(numb1)*parseFloat(numb2);switch(parseInt(f)){case1: grade=0.6;//打6折优惠

break; case2: …….同理其他方式打7折、八折

case4: grade=0.9;//打9折优惠

break; default: alert("请重新选择支付方式！"); return;}varmoney=total*grade;//根据折扣率，计算实际总价

document.calc.result.value=money;alert("您享受了"+grade*10+"折优惠！");…..银行转帐－打6折电话支付－打7折邮政汇款－打8折Q币支付－打9折下拉列表框pay的选项和值Case的注意点JavaScript中Case支持的数据类型:Number和String类型都可以。循环语句fordo…whilewhilebreakcontinuefor循环语句for(initial-statement;condition;increment){statements;}initial-statement(初始化语句)—通常用于初始化数字计数器变量。condition(循环条件)—设置循环的条件。increment(增量语句)—更新循环计数器。for循环示例<html><head><scriptlanguage=“javascript”></script></head></html>do…while循环语句do…while循环语句用于运行语句块，直至条件变为False。语法如下：

do{statements;}while(condition)其中statements是语句；condition是条件。while循环语句while语句是JavaScript语言中另外一种循环结构，用于在条件为True是指行语句块。如果要在循环体中执行多个语句，必须用“{”和“}”将程序代码段括起来。语法如下：

while(condition){statements;}其中condition是条件，statements是语句。<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和do－while循环输入一个字符，直到N停止，用哪个循环break和continue语句使用break语句就可以强制终止语句的执行。在循环中使用break时，将导致从当前位置跳出循环，继续执行循环以后的语句。

continue是导致当前循环立即停止，然后继续下一次的循环。函数定义函数用户自定义函数创建用户定义的函数

调用函数return语句functionfuncName(argument1,argument2,etc){statements;}函数示例<html><head><scriptlanguage="JavaScript">functionhello() {document.write('你好！'); document.write('欢迎使用hello()函数'); return;}functionsum_up(one,two) {varresult=one+two; returnresult;}hello();vartotal=sum_up(7,9);document.write(total+''+sum_up(8,15));</script></head></html>JavaScript对象简介2-1对象是属性和/方法的组合属性是对象所拥有的一组外观特征，一般为名词方法是对象可以执行的功能，一般为动词例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车对象对象中包含定义对象自身的属性（变量）及用于处理数据的方法（函数）。要访问对象属性，必须指定对象名及属性：objectNpertyName要访问对象方法，必须指定对象名及需要的方法：objectName.method()使用对象创建网页时，可以插入：浏览器对象内置脚本语言对象（根据使用的脚本语言的不同而不同）HTML元素也可以创建自已的对象，并在程序中使用。对象操作语句JavaScript是一种基于对象（Object-Based）的语言，而不是面对对象（Object-Oriented）的语言。JavaScript中的对象操作语句：this语句new语句this语句this语句的值指示当前对象，并且可以拥有标准属性，如名称、长度以及相应的值。只能用在函数作用域或其调用引用内。用法：this[.属性名]<HTML><HEAD> <scriptlanguage="JavaScript"> functiondispname(name){ alert("欢迎进入JavaScript世界,"+name); } </script> </HEAD> <FORM><B>输入您的名字：</B> <INPUTTYPE="text"NAME="text1"SIZE=20onChange="dispname(this.form.text1.value)"> </FORM></HTML>for...in语句for…in语句用于在对象的各个属性，或数组的各个元素之间循环。例如，希望对数组中的每个元素执行一些操作。用法：for(variableinobject){statements;}<HTML><HEAD> <SCRIPTLANGUAGE="JavaScript"> color=newArray("红色","蓝色","绿色");

for(varpropincolor){ varrecord="color"; record+=prop+"="+color[prop]+"<BR>"; document.write(record); } </SCRIPT> </HEAD></HTML>new语句new操作符用于新建对象类型实例。用法objectName=newobjectType(param1[,param2]...[,paramN])<HTML> <HEAD> <SCRIPTLANGUAGE="JavaScript">

functionemployee(name,code,designation){ =name this.code=code this.designation=designation }

newemp=newemployee("JohnDias","A001","职员"); document.write("雇员姓名："++"<BR>"); document.write("雇员代号："+newemp.code+"<BR>"); document.write("头衔："+newemp.designation); </SCRIPT> </HEAD></HTML>字符串对象字符串对象用于操纵和处理文本字符串。用法 stringNpertyName

stringName.methodName创建字符串的方法使用var语句，并对为其赋值（可选）使用赋值运算符(=)及变量名

(var)newstr=“这是我的脚本”使用string()构造函数

varnewstr=string(“这是我的脚本”)字符串对象的属性和方法(1)名称描述length返回字符串长度。属性字符串对象的属性和方法(2)名称描述big增大字符串文本大小。blink使字符串文本闪烁（IE不支持）。bold使字符串文本为粗体。fontcolor决定字体颜色。italics用斜体显示字符串。small缩小文本大小。strike显示带删除线的文本。sub将文本显示为下标。sup将文本显示为上标。toLowerCase将字符串转换成小写。toUpperCase将字符串转换成大写。charAt(index)从字符串中读取第index位置的单个字符。concat(string2)连接字符串。方法字符串对象的属性和方法(3)名称描述indexOf(string,[startIndex])搜索string字符串的首字符在主字符串中出现的位置（索引值从0开始计数），startIndex参数用于设置从第几个字符开始查找。lastIndexOf(string,[startIndex])和indexOf方法相似，区别在于它是从字符串的尾部开始搜索的。replace(string1,string2)用string2字符串去替换主字符串中的string1字符串。split(“delimiter”)将主字符串按delimiter分隔符分隔成字符串，并创建为字符串数组。substr(start,[length])从主字符串start位置，开始提取字符，length为提取的字符长度，若不设置第二个参数，则提取到字符串的末尾。substring(indexA,indexB)从主字符串中取出从indexA到indexB位置的字符串。valueOf返回字符串的值。方法字符串对象示例<HTML><HEAD><scriptlanguage="Javascript">varbstr="大号";varsstr="小号";varblstr="粗体";varblkstr=“闪烁”;varucase="大写";varlcase="小写";document.write("<BR>这是"+bstr.big()+"文本"); document.write("<BR>这是"+sstr.small()+"文本"); document.write("<BR>这是"+blstr.bold()+"文本"); document.write("<BR>这是"+blkstr.blink()+"文本"); document.write("<BR>这是"+ucase.toUpperCase()+"文本"); document.write("<BR>这是"+lcase.toLowerCase()+"文本");</script></HEAD></HTML>Math对象Math对象拥有可用于表示复杂数学运算的属性和方法属性PILN10E方法abs(number) —min(number1,number2)sin(number) —max(number1,number2)cos(number) —round(number)tan(number) —sqrt(number)Math对象示例<HTML><SCRIPTLANGUAGE="JavaScript"> functiondoCalc(x) { vara; a=Math.PI*x*x; alert("半径为"+x+""+"的圆的面积为"+""+a); }</SCRIPT><BODYbgColor=white><FORM>

输入圆的半径：

<INPUTTYPE=TEXTsize=5name="rad"> <BR><BR> <INPUTtype=buttonvalue="显示面积"onclick="doCalc(this.form.rad.value)"> </FORM> </BODY></HTML>Date对象Date是内置对象，包含日期和时间信息。Date对象无属性，但有许多方法可以用来设置、获取和操作日期用法：DateObject=newDate(parameters)Parameters可以是下列任意一种：无参数。例如：today=newDate()String。例如：tdate=newDate(“July29,2005,10:30:00”)Date对象方法get方法组set方法组to方法组parse和UTC方法组get方法组方法描述getDate从日期对象中返回一个月中的某一天（1-31）getDay从日期对象中返回一星期中的某一天（0-6）getHours从日期对象中返回小时数（0-23）getMinutes从日期对象中返回分钟数（0-59）getSeconds从日期对象中返回秒数（0-59）getMonth从日期对象中返回月份（0-11）getYear从日期对象中返回年份（Year大于等于1900）getTime返回自1970年1月1日以来所经过的时间（毫秒）getTimeZoneOffset返回当地时间和格林威治标准时间（GMT）的时差（分钟）set方法组方法描述setDate为日期对象设置一个月中的某一天（1-31）setHours为日期对象设置小时数（0-23）setMinutes为日期对象设置分钟数（0-59）setSeconds为日期对象设置秒数（0-59）setMonth设置日期对象中的月份（0-11）setYear设置日期对象中的年份值，该值必须大于1900。setTime设置日期对象内的时间值to方法组、parse和UTC方法组方法描述toGMTString使用GMT数据格式约定将日期对象转换为字符串表示形式toLocalString使用当地时间约定将数据对象转换为字符串表示形式方法描述Date.parse(datestring)将日期字符串转换为自1970年1月1日以来所经过的时间（毫秒）Date.UTC(year,month,day,hours,min,secs)将日期对象转换为自1970年1月1日以来所经过的时间（毫秒）Date对象示例<HTML><HEAD> <SCRIPTlanguage="JavaScript">  </SCRIPT></HEAD></HTML>全局对象属性:NaN指定一个“非数字”值 undefined指定一个未被赋值的变量方法:decodeURI()为加密的URI进行解码encodeURI()将字符串加密为URIeval(string) 将其以脚本代码的形式执行一个字符串isFinite(number)检测一个值是否为一个有限数字,返回True或FalseisNaN(string)检测一个值是否不是一个有限数字Number()将一个对象的值转换为一个数字parseFloat(string)将一个字符串解析为一个浮点数字parseInt(string)将一个字符串解析为一个整数,不是四舍五入操作,而是切尾String(object)将一个对象值转换为一个字符串自定义对象A：充当方法functionmethod_name(){};执行方法时，只需要对应的方法名称，而不去匹配参数是否对应。返回值，直接使用return，不需要在方法中指定返回哪种类型。B：充当一个类functionDog(){};

属性的定义：方法的定义：私有方法的定义：公有方法的定义：静态方法的定义：C：充分构造方法。FunctionDog(str){=str;varage=10;this.dogage=age;funtionaddAge(i){returnthis.dogage+i;

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

温馨提示

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

基础核心对象

文档简介

温馨提示

最新文档

评论

基础核心对象

文档简介

温馨提示

最新文档

评论

相关文档