复习和进阶二期教学课件.ppt

* 题目 已知数组var?stringArray?=?[“This”,?“is”,?“Baidu”,?“Campus”]，Alert出”This?is?Baidu?Campus”。 * 答案 alert(stringArray.join(“”)) 考察知识点 数组的join 使用频率很频繁，五星级知识点 * 题目 已知有字符串”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById” * 答案 * 题目 写一个函数，实现如下功能： 字符串反转，如将变成* 总结 1，再次总结对象的好处： 将一些相类似的函数，属性放在一个容器中，统一管理 2，我们课后要自觉主动复习各种内置对象封装的常用功能，这是必考的面试题目 3，二次复习知识点，为接下来面向对象编程做准备 * 前面我们知道对象的作用，可以对某些功能进行分门别类管理，就比如图书馆对图书分类管理一样。 比如:document对象 变量：title，body 函数：getElementById。。。 我们一般将： 容器称为对象 对象中的变量称之为属性， 函数称之为方法 基于前面的事件代码讲解代码规范 只要错一点，就无法执行。 比如你少打一个字符。 比如id =‘mydiv’； 后面引用出错 【如何发现错误】通过控制台发现错误。 * Js当中内置了很多功能 那么怎么使用这些内置的功能呢 --- 函数 Js只要看到alert这个英语单词 立刻就会把这个单词看成一个功能. * 假如我们把遥控器看成一个功能. 那么怎么换台…是不是点击 1 ,2 ,3,4,5 ….. 也就是说 你要告诉遥控器你要换哪个台….. 如果把遥控器写成一个功能,假如叫做遥控器… 那么换台就是 yaokongqi(1) 1就是参数 Alert也是一样…. * 三连问: 什么是…作用 …怎么使用…. 在讲之前,我们先学习一个名词: document. 什么是document. 其实document可以理解为网页的学名. 也就是说,你啪啦啪啦敲了几千航代码,运行起来,那么这个网页的整体,我们可以看做一个文档. 就像人都有小名一样,比如刚出生,叫灵灵,长大了,可能叫王灵灵.王灵灵是学名. Html也是一样,文档对象就是你写的一堆东西的学名. 它有什么用呢??? 他内部封装了大量的和这个页面有关的一些属性和功能. 怎么使用其中的功能呢?? 现在我们扮演一次黑客来讲解如何使用document中的功能…. 黑客入侵 在讲之前,我们先扮演黑客入侵一下淘宝网. 如何使用.通过点语法.点表示的意思,通过.你可以找到document里面的功能.也就是这些功能都在文档里面睡觉,只要你用了点才能把这些大神唤醒来帮你… * document 容器中包含的函数（工具，功能） 方法 描述 说明 getElementById() 根据元素 id 得到元素（第一个） id 唯一 getElementsByName() 根据元素 name 得到元素对象的集合 无 getElementsByTagName() 根据指定标签名得到元素对象的集合 无 write() 向文档写 HTML 表达式 或 JavaScript 代码 无 * 工具包的学名 --对象 每个人都有小名，比如张三的小名叫小三 你们的小名叫什么？？ 等到了上学年龄，一般会有一个学名。 同样的，工具包的学名叫对象，以后我们听到对象两个字，就可以想到图书馆对图书的分类管理，想到工具包。 * 对象的好处 图书馆对图书的分类管理 对象就像图书馆对图书进行分类管理一样，对象的作用也是这样的，将一些相类似的函数放在一个容器中，统一管理，这个容器一般都有一个名字，也就是对象的名字。 对象就是一个工具包，包含了很多制造好的工具 对象就像一个工具包一样，里面包含了很多同类工具，我们只需要学会每个工具如何使用就可以了。 * 工具除了可以是函数外，还可以是变量 document容器中除了包含功能外，还包含属性，通过这些属性我们可以直接获取容器的相关信息，比如title，比如body 就比如人也有自己的属性：姓名，年龄，身高一样 * document对象和属性 Title 头部 Body 主体 官方术语: 文档对象. 什么意思呢, 这整个html 都属于document. 他封装了大量的功能. * document的属性 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor