ajax技术总结2

javascript编程知识
JavaScript 对象
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 元素



W3C DOM

Finding elements by ID: getElementById(sID)

Finding elements by tag name: getElementsByTagName(sTagName)