《第06讲 JavaScript脚本语言(二)》由会员分享，可在线阅读，更多相关《第06讲 JavaScript脚本语言(二)（53页珍藏版）》请在金锄头文库上搜索。
1、WEB 编 程,计算机科学与技术系 张永定 ,第六讲 JavaScript脚本语言 （二）,内容回顾,JavaScript简介 使用 SCRIPT 标记 使用外部 JS 文件 write、alert、confirm 和 prompt 方法 变量和数据类型 运算符和表达式 数组 事件 条件语句 循环语句,本讲内容,JavaScript 内置函数 定义函数 调用函数 JavaScript 对象（String 对象 、Math 对象 、Date 对象） Window 对象（Document 对象 、Event 对象 、Frame 对象 、History对象、Location 对象 、Navigato
2、r 对象 、Screen 对象 ） 小结 作业布置, var x = 5; var z = 10; document.write(eval(x + z + 5); ,JavaScript 内置函数,eval 内置函数,isNaN 内置函数, var x = prompt(请输入一个值); if (isNaN(x) alert (x + 不是数字); else alert (x + 是数字); ,自定义函数,function 函数名(参数1,参数2,) 语句; ,函数具有下列组成部分： function 关键字 函数名 圆括号内用逗号分隔开的函数参数列表 括在大括号内的函数语句,定义函数, ,调
3、用函数, ); return; function sum_up ( one, two) document.write(这是 sum_up 函数 ) var result = one + two; return result; hello ( ); var total = sum_up(7, 9); document.write ( total + + sum_up ( 8, 15); /- ,return 语句, function testreturn(x) var i = 0; while (i document.write(testreturn(4); ,JavaScript 对象简介 2
4、-1,对象就是状态和（或）行为的集合体。 状态包含对象的特性。 行为包含对象能够执行的功能。 例如汽车,对象：汽车,状态： 法拉利、绿色,行为：前进、制动、倒车,JavaScript 对象简介 2-2,对象层次结构,浏览器对象,脚本对象,HTML 对象,var newstr = String (“这是我写的脚本”),var newstr = “这是我写的脚本”,使用 var 语句,String 对象 5-1,创建字符串,newstr = “这是我写的脚本”,使用具有变量名称的赋值运算符 (=),创建 String 对象,String 对象 5-2,String 对象 5-3,String 对象
5、 5-4, 使用字符串 var lenstr = 该字符串中的字符数是 var bstr = 字号较大的; var sstr = 字号较小的; var blstr = 加粗; var ucase = Uppercase; var lcase = LOWERCASE; document.write (lenstr + lenstr.length); document.write (这是+ bstr.big() + 文本); document.write (这是+ sstr.small() +文本); document.write (这是+ blstr.bold() + 文本); document
6、.write (这是+ ucase.toUpperCase() + 文本); document.write (这是+ lcase.toLowerCase() + 文本); ,String 对象 5-5, 使用 indexOf、charAt 和 substr 方法 function test(f) var index=f.indexOf(,0); var j=0; for(i=0;i 演示 String 对象的方法 电子邮件地址： 密码： ,Math 对象 3-1, 使用 Math 对象 function doCalc(x) var a; a = Math.PI * x * x; alert (
7、半径为 + x + 的圆的面积是 + + a); 输入圆的半径： ,Math 对象 3-2, 使用 Math 对象 function show(value) with(Math) alert(数字 + value+ 的平方根是：+sqrt(eval(value); 输入一个值： ,Math 对象 3-3,Date 对象9-1,Date 对象将日期存储为自 1970 年 1 月 1 日 00:00:00 起经过的毫秒数。,DateObject = new Date (parameters),用于存储新的 Date 对象的变量。,无参数，即没有指定任何参数，此时将检索当前的日期和时间 例如：tod
8、ay = new Date().,String 按以下形式表示日期和时间：“MM DD, YYYY, hh:mm:ss”，或者是其他格式的字符串. 例如：tdate = new Date (“ July 29, 1998,10:30:00”),Date 对象9-2,Date 方法所属的组：,Date 对象9-3,用于表示 Date 对象中包含的值的整数：,Date 对象9-4,Set 方法,Date 对象9-5,Get 方法,Parse 和 UTC 方法,Date 对象9-6,to 方法,Date 对象9-7, 永不停息的时钟 function disptime() var time = ne
9、w Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var temp = + (hour 12) ? hour - 12 : hour); temp += (minute = 12) ? P.M. : A.M.; document.MyPage.digits.value = temp; id = setTimeout(disptime(),1000); 岁月不等人。 时间显示在页面上。 ,示例 1,Date 对象9-8, 显示月份 myDate
10、 = new Date(); month = new Array(1 月, 2 月, 3 月, 4 月, 5 月, 6 月, 7 月, 8 月, 9 月, 10 月, 11 月, 12 月); document.write(当前月份是： + monthmyDate.getMonth(); ,示例 2,Date 对象9-9, 计算经过的天数 ,示例 3,with (对象) 语句; ,语法：,with 语句示例, with 语句演示 ); document.write (b + ); document.write (c + ); /- ,this 语句,this 语句用于引用当前对象。, func
11、tion dispname(name) alert(欢迎来到我的世界， + name); 请输入您的姓名： ,简介,Internet Explorer 对象,Window 对象,Document 对象,Event 对象,Frame 对象,History 对象,Location 对象,Navigator 对象,Screen 对象,Window 对象 4-1,属性,Window对象表示浏览器的窗口，其他对象都继承自Window对象，并且通过Window对象访问的,Window 对象 4-2,属性,Window 对象 4-3,方法,Window 对象 4-4, 使用 Window 对象 ,Windo
12、w 属性、方法和集合的名称是保留的关键字，不能用作变量名和函数名,Document 对象 3-1,属性,Document 对象 3-2,方法,Document 对象 3-3, Document 对象 ,Event 对象 2-1,属性,在触发事件时创建的，当点击一个可点击的对象，如移动鼠标，或聚焦到一个窗体元素上时就会创建一个Event对象,Event 对象 2-2, Event 对象 ,Event 对象只有在事件过程中才可用，也就是说，它可以用在事件处理程序中，但不能用在其他代码中,Frame 对象 4-1,属性,Frame 对象 4-2, 修改 URL ,Frame.htm, 框架 1 ,F
13、rame1.htm,Frame 对象 4-3, 框架 2 ,Frame2.htm,Frame 对象 4-4, 框架 3 ,Frame3.htm, 框架 4 ,Frame4.htm,History 对象和 Location 对象 3-1,方法,History 对象,History 对象和 Location 对象 3-2,属性,Location 对象,History 对象和 Location 对象 3-3,方法,Location 对象, 使用 Location 对象 function next() location.href = history.htm 单击按钮之后，一个新页面将通过 Locati
14、on 对象的 href 属性加载 ,History 对象, 使用 History 对象 单击以下按钮后，将通过 History 对象的 back() 方法打开前一个页面Clicking ,Navigator 对象 2-1,属性,Navigator 对象 2-2, 使用 Navigator 对象 ,Screen 对象 2-1,属性,Screen 对象 2-2, 使用 Screen 对象 ); document.write(“屏幕高度： + screen.height); - ,本讲小结,JavaScript 内置函数 自定义函数 调用函数 return 语句 JavaScript 对象简介 String 对象 Math 对象 Date 对象 this 语句,Window 对象 Document 对象 Event 对象 Frame 对象 History对象 Location 对象 Navigator 对象 Screen 对象,作业布置,简答题 无,
