《第9讲 JavaScript 内置对象(一).ppt》由会员分享，可在线阅读，更多相关《第9讲 JavaScript 内置对象(一).ppt（18页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、主讲老师：方丹主讲老师：方丹JavaScript内置内置 对象对象回顾n自定义函数的关键字是什么?n函数如何返回值？n内置函数isNaN和eval 有什么含义?预习检查q什么是对象？qJavascript有哪些内置对象？本讲目标n任务一：Javascript对象简介n任务二：JavaScript内置对象n重点：Math对象n难点：String对象任务一：JavaScript 对象简介 n对象是属性和/方法的组合n属性是对象所拥有的一组外观特征，一般为名词 n方法是对象可以执行的功能，一般为动词 例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车JavaScri
2、pt 对象简介q三类对象三类对象 浏览器对象浏览器对象浏览器对象浏览器对象 脚本对象脚本对象脚本对象脚本对象 HTML HTML 对象对象对象对象 l浏览器窗口windowl文档 documentlurl地址等lString字符串对象lDate日期对象lMath数学对象等 各种HTML标签:l段落l图片l超链接等任务二：JavaScript内置对象q文字（String）qMathq时间（Date）q图像（Image）1、String 对象 创建字符串有两种不同方法：n使用 var 语句 var newstr=“这是我的字符串这是我的字符串n创建 String 对象var newstr=new
3、String(“这是我的字符串这是我的字符串)9String 对象名名 称称说说 明明属性length返回字符串的长度 方法big()增大字符串文本 blink()使字符串文本闪烁（IE 浏览器不支持）bold()加粗字符串文本 fontcolor()确定字体颜色 italics()用斜体显示字符串 indexOf(“子字符串”,起始位置)查找子字符串的位置strike()显示加删除线的文本 sub()将文本显示为下标 substring()返回所设置的一部分字符串toLowerCase()将字符串转换成小写 toUpperCase()将字符串转换成大写 语法：indexOf(“查找的子字符串
4、”，查找的起始位置)返回字符串所在的位置，如果没找到，返回 1例如：var xvar y=“abcdefg”;x=y.indexOf(“c”,0);document.write(x);/返回结果为2，起始位置是010 function checkEmail()var e=document.myform.email.value;if(e.length=0)/检测长度是否为0，即是否为空 alert(电子邮件不能为空!);return;if(e.indexOf(,0)=-1)/检测是否包含”符号 alert(电子邮件格式不正确n必须包含符号！);return;if(e.indexOf(.,0)=-
5、1)/检测是否包含”.”符号 alert(电子邮件格式不正确n必须包含.符号！);return;document.write(恭喜您！，注册成功！欢迎进入古城热线！);检查电子邮件emailemail是否包含“”和”.”String 对象 返回结果-1表示没找到“”字符112、Math 对象名称名称 说说 明明属性PI的值，约等于 3.1415LN1010 的自然对数的值，约等于 2.302EEuler 的常量的值，约等于 2.718。Euler 的常量用作自然对数的底数abs(y)返回 y 的绝对值sin(y)返回 y 的正弦，返回值以弧度为单位。cos(y)返回 y 的余弦，返回值以弧度为
6、单位tan(y)返回 y 的正切，返回值以弧度为单位 min(x,y)返回 x 和 y 两个数中较小的数 max(x,y)返回 x 和 y 两个数中较大的数 random返回0-1的随机数方法round(y)四舍五入取整sqrt(y)返回 y 的平方根Math.random()：产生：产生01的随机小数的随机小数Math.round()：四舍五入取整，如：四舍五入取整，如9.34 取整为取整为912自动刷新 document.write(2秒自动刷新，随机显示图片);var i=0;i=Math.round(Math.random()*8+1);document.write();Math 对象
7、 假定随机产生的数字i=3，上述代码即为：显示第三幅图片（3.jpg）如何实现每隔2秒刷新网页Math.round(Math.random()*8+1)产生1-9的数字3、图像对象qImage属属 性性 名名说 明明name对象名称src图像文件路径complete返回浏览器是否已完成对图像的加载height图像的高度width图像的宽度border图像边框宽度hspace水平空白vspace垂直空白图像对象q图像对象的应用-图片的闪烁效果图像对象 function changeSrc()document.getElementById(“myImage”).src=“img/tu2.jpg”;总结nString对象的indexOf()方法用于查找子字符串 nMath对象的random()方法可以产生01的作业一（必做）n1、完成上课案例n2、页面刷新，图片切换功能作业二（选做）n1.完成当当网的注册