JS&DOM相关介绍

现在的编程往往分为前端和后端，后端注重的是逻辑和业务，而前端注重的是页面的展示和页面的交互性能。之前我也是做JAVA后台开发的，现在对前端的知识做一些总结，希望对大家有用！前端主要是我们使用的html5和js或者jquery以及等等技术。之前，我对着这些页面简单的认为就是一些标签之类的集合，其实他们不仅仅是这些，这些技术也符合面向对象的一些思想。

下面对前端的JS&DOM介绍如下：

一、JavaScript中的对象：

首先，JavaScript技术是一种客户端（前端）技术，和我们的java是有本质区别的，但他们的设计思想是非常相似的，即JavaScript也有自己的对象（考虑对象的属性、方法），这些对象通常都是设计好的，很少需要我们去new,我们只需要直接拿过来使用就可以了。

JavaScript 包含的对象如下：

Array: 数组对象，和java中的差不多。

Boolean： 布尔对象，和java中差不对，直接使用就可以。

Date:是日期对象

Number: 数字对象

String ： 对象

RegExp ： 正则表达式的对象，一般使用的比较少

Functions ：全局函数和属性，可用于所有内建的JavaScript对象，全局函数的意思是，其直接可以使用，不需要创建一个对象再调用里面的方法。

Events: 事件对象，通常与函数配合使用，是用来根据事件来驱动函数从而执行相应的功能。

二、Browser 中的对象

浏览器对象，正如其意，就是代表的一个浏览器对象。是一个大的对象，其中又有一些小的对象，而这些小对象也是浏览器对象的属性。如下：

Window ：窗口对象。就是浏览器打开的窗口对象，其也有自己的属性和一些方法。具体可以查看W3C标准文档。

Navigator ：包含了浏览器的相关信息的对象。比如，浏览器代码名称、浏览器的版本信息等待。

Screen：客户端显示屏幕对象的相关信息，其包括了屏幕的高度、宽度、颜色分辨率等属性；

History ：历史记录对象，封装了历史操作的相关信息，包含了访问过的URL。如： length,表示浏览器历史列表中的URL数量。go()方法，返回到第几步的URL，其也是Window对象的一个属性（或者子对象）。

Location ：其封装了当前URL的相关信息，如，host、port、protocol、hostname等信息，其也是Window对象的子对象。

三、HTML DOM对象

Document ：每一个载入浏览器的HTML文件，都可以称为Document对象。其可以使我们队当前Document对象中的所有元素进行访问、修改、删除等操作。

Element ：节点对象，在HTML DOM中，每一个部分都是节点。一个文档本身就是文档节点、所有html元素都是元素节点、素有的html属性都是属性节点、所有的文本都是文本节点、所有的注释都是注释节点。Element对象表示的HTML元素，其拥有类型为：元素节点、文本节点、注释节点的子节点。

Attr对象 ：表示HTML属性对象。其包含了属性名称、属性值等等属性和方法。

Event：对象代表的是事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。通常和函数结合使用，函数不会在事件发生之前执行！

四、HTML 对象

HTML中的标签理解为一个个的对象，比如<a>标签，将其看做是一个a对象，代表的是一个超链接对象，a对象有其一些属性，比如href、type、target等等属性，也有其一些方法，blur() / focus()等。

所以，我们可以不用强行的记忆这些标签，而是应该讲这些所谓的标签理解为一个个对象，在使用的时候，可以查阅W3C手册，只需要了解其有哪些属性、哪些方法，从而对完成我们的功能是非常方便的。

以上，只是本人日常工作的总结，各种对象基本都涉及到了，具体的使用应该查询相关的W3C手册即可！