Javascript编程小结(1通用对象)

javaScript 所处理的每一个对象都是属于一个类 (class) ，类里边定义了组成对象的数据、属性、方法（即是类里边的一些函数）等，使用类可以增加程序代码的复用性，这在一种程序语言中是很重要的，因为这样可以避免重复开发！

 

对象的属性(Propertie)：

       在 javaScript 中使用英文句号 (.) 来访问对象的属性值。

 

对象的方法(Method)：

       同样的，对象的方法也是通过英文句号 (.) 来执行的，在方法后边紧跟一对圆括号()，而在圆括号里边包含了使用该方法所需要的参数。

 

一) javaScript 中的对象：

       javaScript 包含很多预定义对象，一些是可以用来表示不同的数据类型 (如数字和字符串对象)，而另一些是在网页中定义的与 HTML 标记密切相关的对象 (如超链接和图片对象)。

在 javaScript 中可供使用的最基本的数据类型被称为核心 (core) 对象，这些对象是：

Array - 数组对象；

Boolean - 布尔对象；

Date - 时间对象；

Number - 数值对象，可以是整数和浮点数；

String - 字符串对象，可以是单引号 (') 或双引号 (") 括起来的任何字符串。

JavaScript supports three primitive data types: numbers, booleans, and strings; and two compound data types: object and arrays.

创建一个对象实例时使用 new 运算符：

var text = new String("This is my text.");

var max = new Number(4.02);

var today = new Date(); // Date() 是 javaScript 的内建对象类

几种相同效果的代码：

1) location在网页加载到客户端时已创建，虽然它是window的子对象，但可直接用了

var url = window.location.href;

var url = location.href;

2)得到网页中第4个image

因为document的属性images是个数组，故可用数组下标来访问；另外image4的name是menu,在保证图片名不重名的情况下，可以通过图片名直接访问。

var abc = document.images[3];

var abc = document.menu;

var abc = document.images["menu"];

 

 

注意：document是最最常用的对象，关于它的属性方法有很多，具体的可在网上找一个手册：文档模式中文手册。(此手册里包含document的大量方法使用说明)

二) DOM对象

【文档中的对象模块】

当页面已经被下载到客户端时，浏览器就会创建几个用来存储页面信息和页面内容的对象。这些对象构成了一个树状结构 (对象的引用也是根据这种树一层一层引用的，引用时使用 “.” 号)，在这棵“树”中，最高层的对象是 window 对象，在这同时，浏览器还会创建另一个高层的对象叫 navigator，这个对象包含了浏览器的类型、版本、安装的插件等等信息。浏览器在创建 window 和 navigator 对象的同时，也会将 window 的属性 location、history 和 document 创建为高层对象。

附：下面为对象表：total object

对象	父对象	对象说明	对象属性	对象方法	示例
window			frames，screen	alert()，confirm,prompt，setTimeout
location	window	页面的地址 (URL) 信息；
history	window	包括了当前打开的这个浏览器访问过的地址 (URL) 列表；
document	window	包含了页面的内容信息	bgColor，fgColor，linkColor，lastModified，images,froms,links. cookie,anchors,applets, title, URL,  documentElement, body,  all[],charset	clear, close,open, write, writeln......	var abc = document.images[3]; //变量 abc 指向的是网页中的第四个imags,因为images,forms,links是数组对象
navigator

三) legacy DOM:

对象	父对象	对象说明	对象属性	对象方法	示例
images[]	document	图片对象	src,name
links[]	document	链接对象	url,href,target
forms[]	document	表单对象,它包含了很多元素本质	value,name	onSubmit,
applets[]	document	An array of objects that represent the Java applets embedded in a document
anchors[]	document	<a>
cookie	document		length,name,expires,path	split
text			data,length	appendData, insertData, splitText...
elements[]	form	用来访问访问每一个 input 对象	length,value, type		document.forms[0].elements[3] // 第一个表单 form 中的第三个 input 元素

四) W 3C DOM

Finding elements by ID: getElementById(sID)

Finding elements by tag name: getElementsByTagName(sTagName)