您的位置：首页 > 职场人生

01-21-2015-java面试知识体系-DOM事件

2015-01-21 21:06 465 查看

Java面试中重要知识

1、JRE、JDK、JVM（包含关系）

2、三大特性：关键字 static、abstract、final、finally（异常）、finalize。

3、Java集合

4、Java泛型

5、异常体系：checked、runtime{throw、throws}☆

6、JDBC☆

7、Annotation（注释）☆spring

8、类加载与反射☆ aop

9、面向接口编程：☆has-a。open-close原则：原来的代码不修改，只添加

面向对象编程：☆is-a

10、文件读写（dom、dom4j）：序列化与反序列化☆

上面带☆是面试必须掌握的。

其他：集合、泛型；多线程、异常；三层架构：单例模式、工厂模式、

一、DOM事件

1、id的作用：HTML：锚点、CSS：选择符；当id重名的时候：使用第一个id的标签，第二个相同id的标签会屏蔽。

2、HTML中标签属性的作用：

id：客户端js使用

name：服务器使用

开发过程中一般把上面两个命名一致。

DOM：Document Object Model：文档对象模型

“对象”是一种独立的数据结合，与某个特定对象相关联的变量被称为这个对象的属性；可以通过某个特定对象去调用的函数被称为这个对象的方法。

（1）、JavaScript语言中的对象可分为三种类型：
a、用户定义对象(user-defined object)：由程序员自行创建的对象。

b、内建对象(native object)：内建在javascript语言里的对象，如Array、Math、Date等。

c、宿主对象(host object)：由浏览器提供的对象，比如document，window。所有BOM和DOM对象都是宿主对象。（B：browser）

BOM：Window对象对应着浏览器窗口本身，这个对象的属性和方法通常被统称为BOM(浏览器对象模型)。

（2）、数据模型：

类比飞机模型轮船模型

一个学生：实体、实实在在的人。

这个学生有姓名、年龄、身高、体重、学号...，这个学生在现实中就是实实在在的人（对象），这个对象有上面的属性。

若我们抽象这个学生：把上面的数据出入数据库，则上面这些数据就是对这个学生的抽象，就是这个学生的数据模型。我们在数据库中对这些数据操作就相当于对这个学生的属性进行操作，比如身高加10kg，在我们数据库中就是数据大小加10，而对于学生实体来说就是身上实实在在的肉。数据模型是把现有的事物抽象化。

Java：一切皆是对象。一切事物都能在我们的Java代码当中抽象成对象，这就是我对Java中一切事物皆是对象的理解。

（3）、节点：
1、根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：

a、整个文档是一个文档节点

b、每个 HTML 元素是元素节点

c、HTML 元素内的文本是文本节点

d、每个 HTML 属性是属性节点

e、注释是注释节点

2、行标签与块标签的转化：

CSS中display属性：

display:inline;//显示成行内标签
displau:block;//显示成块级标签

3、节点又称元素：

a、DOM中最基本的是元素节点(element node)

b、在页面中，我们使用了body、p、ul之类的元素，这些元素在文档中的布局形成了文档的结构。

c、各种标签提供了元素的名字。

e、元素可以包含其他的元素，没有被包含在其他元素里的唯一元素是html元素。它是我们的节点树的根元素。

4、如何取得节点：
a、document.getElementById();方法可返回对拥有指定 ID 的第一个对象的引用

ps：返回该对象的引用：就相当于返回该对象的实体（所有内容），相当于Java中的反射，所以我们可以对该节点中的任意属性进行控制，var ul = document.getElementById("box");ul.id：这个id是"box"节点的属性，所以我们可以这样设置获取节点的属性。

b、document.getElementsByTagName();方法可返回带有指定标签名的对象的集合。//下面的一样：带“s”都是返回集合

c、document.getElementsByName();方法可返回带有指定名称(name属性)的对象的集合。

d、document.documentElement;提供对 <html> 元素的直接访问。

ps：DOM中nodeName—>标签名称（系统自带）：大写输出；a.id=" ";//把上面a元素的设置id的属性值。；通过js设置样式。

e、document.body;提供对 <body> 元素的直接访问。

f、document.forms找到所有<form>元素的集合

g、document.getElementsByClassName();方法返回带有指定类属性对象的集合。

备注：

innerHTML：介于标签中间的所有文本包括内嵌标签。

getElementByName：通过Name找元素节点，只有表单类标签是兼容的，否则IE是不兼容的。

5、作业练习：
6、DOM操作基础与高级应用

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航