现在的编程往往分为前端和后端,后端注重的是逻辑和业务,而前端注重的是页面的展示和页面的交互性能。之前我也是做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手册即可!