04JavaScript.ppt

2020 1 25 哈工大周广禄 Web编程基础 JavaScript对象 2020 1 25 哈工大周广禄 内容提要 常用对象处理语句 this with和new JavaScript内置对象 时间对象 Math对象 String对象和数组对象 2020 1 25 哈工大周广禄 对象处理语句 New关键字创建对象实例thisthis运算符总是指的是当前的对象 同其他面向对象语言中的this功能一样 如C 中的this 下面介绍几个常用的对象 2020 1 25 哈工大周广禄 时间对象 使用以前必须先申明 varcurr newDate 主要的方法getyear getmonth setyear setmonth Date的首字母必须大写 2020 1 25 哈工大周广禄 日期及时间函数 getYear 返回年数 getMonth 返回月数 getDate 返回日数 getDay 返回星期几 getHours 返回小时数 getMinutes 返回分钟数 getSeconds 返回秒数 getTime 返回毫秒数 setYear 设置年数 setMonth 设置月数 setDate 设置日数 setDay 设置星期数 setHours 设置小时数 setMintes 设置分钟数 setSeconds 设置秒数 setTime 设置毫秒数 2020 1 25 哈工大周广禄 时间对象 varcurr newDate document write Todayis switch curr getDay case1 document write Monday Working break case2 document write Tuesday Working break case3 document write Wednesday Working break case4 document write Thursday Working break case5 document write Friday working break case6 document write Saturday resting break case7 document write Sunday resting break document write Curr表示日期对象 getDay表示它的属性 Date型对象 3 16 2020 1 25 哈工大周广禄 Math对象 内置的Math对象可以用来处理各种数学运算可以利用直接调用的方法 Math 数学函数 参数 同时也可以利用with语句来调用 如下面的语法 with Math 数学函数 2020 1 25 哈工大周广禄 Math对象 绝对值 abs 正弦余弦值 sin cos 反正弦反余弦 asin acos 正切反正切 tan atan 四舍五入 round 平方根 sqrt 基于几次方的值 Pow base exponent 2020 1 25 哈工大周广禄 String对象 我们一般利用String对象提供的函数来处理字符串 String对字符串的处理主要提供了下列方法 charAt id 返回指定位置处的字符indexOf Chr 返回指定子字符串的位置 从左到右 找不到返回 1lastIndexOf chr 返回指定子字符串的位置 从右到左 找不到返回 1toLowerCase 将字符串中的字符全部转化成小写 toUpperCase 将字符串中的字符全部转化成大写 注意 这些返回值都是从零开始的 2020 1 25 哈工大周广禄 varmystring Iamlihaibing a mystring charAt 7 b mystring indexOf am document write a document write document write b 定义字符串型变量 把字符串中第8个字符赋值给a这个变量 下标从零开始 找出字符串中am的位置返回 并赋值给变量b 把变量a和b的值输出 3 17 猜一猜结果 2020 1 25 哈工大周广禄 DOM模型的建立 所谓DOM是指文档对象模型利用从属关系一级一级地定位当我们要读取一个Form表单中的某一个元素的时候 如何来定位呢 这里就要用到DOM了 2020 1 25 哈工大周广禄 DOM的层次 2020 1 25 哈工大周广禄 使用DOM 功能 在一个文本框中输入值 会自动添加到另外一个文本框中也可以表示为如下形式 表单默认名称为 forms 0 定义了第二个表单 表单默认名称为 forms 1 给下一个表单的元素赋值 表单中的元素 3 29 txt 3 29 htm 2020 1 25 哈工大周广禄 下面看一个小程序 3 30 htm 3 30 txt This到底代表谁 This代表目前活动的对象 即正输入数据的那个文本框 2020 1 25 哈工大周广禄 Window对象 window对象是浏览器对象中其他大部分对象的共同的祖先 所以一般在JavaScript程序中可以省略window对象常用window对象的方法open URL windowName parameterList open方法创建一个新的浏览器窗口 并在新窗口中载入一个指定的URL地址close close方法关闭一个浏览器窗口alert 弹出一个消息框 2020 1 25 哈工大周广禄 html window对象functionlist str open 3 9 htm my toolbar no left 150 top 200 menubar no width 170 height 100 returnstr html 3 18 txt 3 18 htm 打开一个浏览器窗口 窗口中不要工具条 窗口中也不要菜单条 表单中的元素 为何前面的是 而后面的是 2020 1 25 哈工大周广禄 Location对象 location对象是当前网页的URL地址 我们可以使用Location对象来让浏览器打开某页具体的语法为window location xxxx 这里的xxxx可以是一页也可以是一个网站的IP地址 具体请看下面的案例 统一资源定位器 它是WWW网页的地址 2