iNote_JavaScript入门经典
Paul Wilton & Jeremy McPeak
第1章 Web与JavaScript概述
第2章 JavaScript的数据类型
第3章 JavaScript的3类语句
第4章 JavaScript的对象
第5章 浏览器程序设计
第6章 HTML表单
第7章 窗体和框架
第8章 字符串操作
第9章 日期、时间和计时器
第10章 常见错误调试及处理
第11章 Cookie的使用
第12章 DHTML概述
第13章 现代浏览器中的DHTML
第14章 JavaScript与XML
第15章 ActiveX和Plug-ln的使用方法
第16章 Ajax和远程脚本
第1章 Web与JavaScript概述
1. JavaScript是一种解释型语言，而非编译型语言，且JavaScript和java除了名字相似外，没有任何共同点。
2. 学习JavaScript过程中，手工编写代码往往比依赖于开发工具效果好得多。
3. Firefox中上好的调试工具Firebug，顶好。
4. Javascript使用分号结束一个语句，当新起一行时，默认为语句结束。只用//注释。
第2章 JavaScript的数据类型
1. 概述
1）JavaScript是一种弱语言，一般情况下，不需要声明数据的类型，javascript会自动计算它们的类型。2）数值数据：整数和浮点数。尽管整数和分数被看做不同的类型，其实，javascript统视为浮点型。3）文本数据：用双引号或单引号括起来的字串或字符。
4）转义字符：@@@
5）布尔数据：只有2个值，true|false。
2. 变量
1）JavaScript对大小写敏感，变量名不能是关键字和特殊字符，不能以数字开头；
2）声明的方法：var variable_name;变量声明而不赋值的默认为undefined类型；
3）JavaScript中同一个变量名在不同时期可以指向不同数据类型的数据；
3. 数值计算及字符串的基本操作
1）+-*/%运算：javascript按照浮点数处理，e.g.5/4=1.25，即得到1.25而不是1；
2）字符串的基本操作：连接字符串（直接“+”连接）|当字符串与数字相加时，数字转化为字符串，然后连接；
4. 数据类型的转换：parseInt(parameter) & parseFloat(parameter) & converToInt(parameter)，其中前两者的参数可以是数字，也可以是含有数字的字符串（数字必须在最前，其他字符在数字之后），如果参数有误，无法转换成数字，返回”NaN”，可使用isNaN函数判断真假；
5. 数组
1）定义的形式：var aryName = new Array();括号中可以加入1个整数，表示数组的长度，也可以直接写入元素，e.g. var aryName = new Array(“Paul”,45,”Sen”,34”);
2）var aryName = new Array(3);var aryName = new Array(5);视为拓展了数组的长度；
3）如果访问一个未定义的数组元素，值为undefined；
4）多维数组：var aryName = new Array(3); var aryName[0] = new Array();^
第3章 JavaScript的3类语句
1. 选择语句（if & switch）
1）对于&&运算，如果左操作数为false，无论有操作数是什么，都会直接返回false，对于||运算，如果左操作数为true，无论有操作数是什么，都会直接返回true；
2）如果有N（N>10）条分支，应对这些分支进行分层，以减少判断的时间；
3）布尔运算对于字符串同样可以直接使用；
4）switch结构，break和default的用法与C语言中的一样。
2. 循环语句（for & while）
1）for …in循环语句：应用于数组类型和对象类型的数据，遍历数组中的每一个元素，e.g.for(index in aryName)；
2）while，do…while，break，continue，用法与C语言中的一样。
3.函数
1）参数不全或类型不对会导致错误；2）return语句可有可无，但为了保证程序的严谨性，即使不需要返回值，也写上return；3）函数的定义必须在调用之前，所以一般情况下把函数定义在<head>部位；4）变量的作用域：任何定义在函数之外的变量，在本页有效，即全局变量，而定义在函数内部的称之为局部变量（局部变量和全局变量最好不要重名）。
第4章 JavaScript的对象
1. 基于对象的程序设计
1）Javascript是基于对象的语言，本身包含的对象称之为“内建对象（native object）”；
2）基于对象的程序设计，通过定义对象的属性和方法，实现对现实世界的建模；
3）对象的创建与使用：var objectName = new Object(parameters);把某对象赋值给一个变量时，变量并不保存对象实际的数据，仅保存一个指向对象的引用，即该对象的地址，所以var object1 = new Object(p1,p2,p^); var object2 = object1;此时object指向object1，与var object1 = new Object();object2 = object1不同；
4）基本数据类型与对象类型：如果声明一个基本类型的字符串，并把它视为一个字符串对象来使用，则javascript将知道该操作适用于String对象类型而不是基本数据类型（可视为智能化处理）。
2. JavaScript的内建对象（String，Math，Array，Date）
1）String对象：var str = new String();括号内可以是字符串也可是是其他类型的常量。也可以通过var str =”string^”的方式定义，javascript智能化处理；
2）String对象的属性和方法：
length，charAt(intN),charCodeAt(intN)（从字符串内取1个字符），fromCharCode(intN)（将字符编码转换成字符串），
indexOf(str,intN) & lastIndexOf(str,intN)（查找字符串中是否含有某个子字符串，返回位置，查不到返回0）；
substr(intStart,intLength) & substring(intStart,intEnd)（复制字符串的子串，intLength 或intEnd省略时默认为到结束）；
toLowCase() & toUpperCase()大小写字符转换。
3）Math对象的方法：
Math.abs(number) & Math.ceil(number)（大于或等于number的最大整数） & Math.floor(number)（小于或等于number的最大整数） & Math.round(number)（四舍五入）Math.random()返回0~1之间的随机数，包括0不包括1；Math.pow(m,n)乘方；
4）Number对象
var num = new Number(‘123’)，javascript会自动转换；亦可以通过var num = 123;智能化转换；toFixed(intN)方法，用于截取指定小数点位数的数字，intN取0~20位的整数。
5）Array对象
length属性，concat(ary1,ary2)，把第2个数组连接到第1个数组后面；slice(intStart,intend)，复制数组中的部分元素，返回新数组；join(str)，把数组中的元素转换成1个字符串类型，str为分隔符；sort()，按从大到小顺序排序；reverse()反转数组中的顺序。
6）Date对象
var date1 = new Date();获取当前PC上的时间，也可以在括号内放入毫秒作参数，亦可以放入年月日，或用逗号相隔，写入年,月,日,小时,分钟,秒,毫秒。
获取Date的值：getDate()（返回日）,getDay()（返回一个整数，代表星期几）,getMonth(),getFullYear(),getDateString()（返回一个易于理解的字符串）
设置Date对象：setDate(),setMonth(),setFullYear();如果参数越界，将自动进位；
获取Time的值：getHour(),getMinutes(),getSeconds(),getMilliseconds(),getTimeString();
设置Time的对象：setHour(),setMinutes(),setMilliseconds();
3. Javascript中的类
1）类的组成：构造函数，方法定义，属性；2）类的定义（数组亦可以作为类的元素）：
function CustomerBooking (bookingId,customerName,film,showDate){
this.customerName = customerName;//无需先定义类的属性，直接赋值，javascript自动创建该
//this.bookingId = bookingId; this.film = film;this.showDate = showDate;}
CustomerBooking.prototype.getCustomerName = function(){return this.customerName;}
CustomerBooking.prototype.setCustomerName = function(customerName){//定义类的方法
this.customerName = customerName;}
document.write(booking.getShowDate() + "<br/>");
第5章 浏览器程序设计
1. window对象：
1）浏览器为JavaScript所提供的对象的集合称为浏览器对象模型（BOM，Browser Object Model），W3C标准为跨平台的浏览器程序设计提供方便；BOM是一个层次化的对象结构。顶级是window对象，它代表了浏览器的框架以及与浏览器相关的一切，如滚动条，导航按钮等。
2）window代表浏览器的框架或者窗体，是一个全局对象，因此可以直接使用其属性和方法，无须写出对象名，如alert()，defaultStatus（状态栏的默认信息）等。
3）window的某些属性也是对象，如document，navigator，history，screen，location等。
2. history对象
1）历史栈（history stack）保存了用户访问过的页面信息，类似于Array，有length属性和back()&forward()&go(intN)方法
3. location对象
1）包含了大量当前页面位置的信息（URL，Web服务器，端口，通信协议）；
2）window.location.href;window.location.replace(URL)，区别在于replace()从浏览器的历史栈中溢出当前页面，用新的页面替换之，而href属性仅仅把新页面加入历史栈。
4. navigator对象：返回浏览器名称、版本号、以及用户计算机的操作系统。
5. document对象（代表页面本身，浏览器之间差异较大）
1）write()方法和bgColor属性
2）images数组对象（可以通过length属性查看长度），访问时可以使用索引值，也可以使用插入图片时给定的图片名称name，而images元素又有src等属性；
3）links数组，元素又href属性，其他的与images类同。
6. BOM的事件处理（事件处理器由关键字on加上要处理事件（小写）的名称组成）
1）把事件处理器作为HTML标记的属性：
e.g.<a href=”i.html” name=”link” onclick = “alert(‘You Clicked?’)”>Click me</a>
e.g. <a href=”i.html” name=”link” onclick = “return link_onclick()”>Click me</a>
2）把事件处理器作为浏览器对象的属性
e.g. document.links[0].onclick = link_onclick();但是此设置要在links或images对象初始化之后。当通过动态代码改变事件处理器所连接的处理函数时，一般使用第2中方法。
7. 浏览器版本检测
1）document.all属性仅被IE4.0以上版本支持，Firefox和Netscape都不支持，如支持就会返回true，否则属性值为undefined，if语句判断为false，进而判断浏览器类别。此方法亦可以判断浏览器是否支持某方法。
2）若浏览器不支持某段脚本，用<noscript>content</noscript>代码显示此情况下的信息。
3）使用navigator检测浏览器：navigator.userAgent（返回浏览器类型，版本号，操作系统等e.g. Mozilla/5.0 (Windows NT 6.1; rv:6.0) Gecko/20100101 Firefox/6.0）。
第6章 HTML表单
1. HTML表单概述
1）访问表单的方法：document.form_name或forms数组（forms[N]或forms[formsName]）；
2）Form对象的属性和方法：elements[]属性，包含了表单中所有控件对应的元素对象，其length属性与Form对象的length属性等效，submit()方法，提交表单时不触发submit事件，不调用onsubmit事件处理器，reset()方法。
2. 表单元素
1）常用属性和方法：name（标识符），value，focus()和blur()方法
2）表单元素的引用：window.document.myForm.myButton.value = “All isWell”;
第7章 窗体和框架
1. 框架与window对象
1）1个包含框架集的页面中有多个对应的window对象；框架的parent属性表示当前框架的父框架，top属性表示顶层框架，window.self表示自身所在的框架。
2）根据文件路径获取文件名：
var loc = window.location.href;
var fileNameStart = loc.lastIndexOf("/")+1;
var fileName = loc.substr(fileNameStart);
2. 框架间代码访问：
1）框架的访问：frames[]数组的数字索引或字符索引，或者window.parent.frameName；
2）框架之间的函数和变量可以直接引用，不需要声明或者前置；
3. 打开新的浏览器窗口
1）window.open(para1,para2,para3)：参数1是HTML文件的URL地址，参数2为新窗口分配的名字，参数3是一个字符串，可规定新窗口的属性（一旦给出第3个参数，除给定属性外，其他的属性默认为no或者0）；
2）打开新窗口后，焦点并没有转移，可以通过newWindow.focus()获取焦点，亦可以使用newWindow.close()关闭窗口；
3）浏览器窗口之间的脚本编程：新窗口的opener属性，返回打开当前窗口的原窗口的window对象；
4）检查窗口是否存在或是否已关闭的代码块：if(typeof(windowName) == “undefined” || windowName.closed == true)alert(“No window is open!”);
5）移动或改变窗体的大小：
myWindow.resizeTo(300,350);myWindow.moveTo(100,50);myWindow.resizeBy(-10,30);myWindow.moveBy(30,50);
3. 安全性
1）浏览器的设置限制了window.close()方法；2）如果当前页面来自于同一个服务器，当它访问其他服务器时，受到“同源策略”的约束。
第8章 字符串高级操作
1. split(para1)方法，根据某种分隔符将一个字符串拆分为一个由子串组成的数组，其中para1是分隔符，此方法用于把控件中的字符串按行存储，此时分隔符是”\n”；2. Replace(para1,para2)方法，把匹配的子串替换为指定字符串；3）search(para1)方法，查找指定子串，如果找到返回位置，否则返回-1，与indexOf()方法一致；4）match(para)方法，返回一个包含了查找到的匹配子串的数组。
第9章 日期、时间和计时器
1. 世界时间（TUC）
有关世界时间的方法：
getUTCHours();toUTCString();
toLocalString();toTimeString()
toLocalDateString();toDateStringf()
UTC() 方法可根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。Date.UTC(year,month,day,hours,minutes,seconds,ms);
getTimezoneOffset()返回当前本地时间与UTC时间之间的差值。
setUTCDate();setUTCFullYear();setUTCHours();setUTCMilliseconds();setUTCMinutes();setUTCMonth();setUTCSecond();
getUTCDate();getUTCDay();getUTCFullYear();getUTCHours();getUTCMilliseconds();getUTCMinutes();getUTCMonth();getUTCSecond();
2. 计时器
1）setTimeout(“javascript_code”,milliseconds_delay)，一次性定时器，返回一个timerID，使用clearTimeout(timerID)可以清楚定时效果；
2）setInterval(“javascript_code”,ms)，间隔性触发计时器，返回一个timerID，亦可以通过clearInterval(timerID)取消设置。
第11章 Cookie的使用
1. cookie的用途：收集用户的信息，保存到用户计算机本地硬盘的指定空间中。
2. cookie字符串（document.cookie = “UserName=Sen;expires=Tue,28 Dec 2012 00:00:00;path=/myPlace;domain=MyDomain.Com;”
3. 设定expires：var expireDate=new Date(); xpireDate.setMonth(expireDate.getMonth()+6); document.cookie=”UserName=Sen;expires=”+expireDate.toGMTString()+”;”（expire必须是GMT格式的时间）；
4. 创建cookie：setCookie()；
5. 获取cookie的值：
6. Cookie的局限性
1）浏览器可能会禁用cookie，此时获取cookie返回null；2）每一个域的cookie数量是有上限的，20个，4096个字节；3）第三方cookie也许会损害用户的隐私。
第12章 DHTML概述
1. 简述 DHTML的基本概念，即在页面加载到浏览器后动态地改变页面。
2. 跨浏览器问题中的事件
1）IE有一个全局对象event，包含了与所触发事件相关联的数据，它有多个属性，其中可以通过type判别事件类型（if(window.event.type==”click”)…）；srcElement属性，返回接收当前事件的HTML元素，进而可以引用该元素的某些属性，如src/href等。
2）非IE浏览器中的事件：需要Web开发人员在代码中将事件对象作为参数传递给事件处理器，（<p onclick=”p_onclick(event)”>…），该事件对象是一个预定义的属性，且必须为event，否则不能工作。target属性，相当于IE中的srcElement属性。IE和Firefox等浏览器都支持type属性，只是访问type的方法不同。
3） 跨浏览器的DHTML（结合）：事件处理器中都是用形参event，处理函数进行分支处理：function object_enent(evt){var elementTarget;//
if(evt.srcElement) elementTarget = evt.srcElement; else elementTarget = evt.target;
if(evt.type ==”click”)…}
4） 在JavaScript中设置事件处理器属性：它与在HTML标签中的设置唯一的不同就是，不能把任何参数传递给相应的事件处理器函数，e.g.document.images[0].onmouseover=hand(); 对于非IE浏览器，当事件触发时，浏览器自动地把事件对象传递给相应的处理函数，因此依然可以采用前面的方法保证兼容性（处理此类问题，设置elementTarget和eventType变量，判断和承接事件对象和事件类型）。
3. CSS入门 （略）
4. 动态HTML
1）访问页面中的元素：DOM（文档对象模型）提供了getElementById()方法，可查找页面指定的元素；（HTML DOM 定义了多种查找元素的方法，还有 getElementsByName() 和 getElementsByTagName()，getelementById()是最有效的一个）
2）改变元素的外观：
修改style属性（oHtmlElement.style.cssProperty = value），此时引用的CSS属性跟CSS文件中的名称略有不同，不再用连字符”-“，而改用大写字母，且在就Javascript中的style对象只能访问到元素的内联属性，对于<style>标记中的属性，无法访问。
修改class属性（oHtmlElement.className = sNewClassName）（减少了Javascript代码量，也易于通过Css文件处理）。
动态定位和移动元素 oHtmlElement.style.left = “10px”; oHtmlElement.style.top=”50px”;（事先定义position属性为absolute或者relative）。
表单提交将导致浏览器重新加载页面，那么所有使用DHTML改动的设置都被复位。若想强制浏览器放弃重新加载，只需设置submit处理事件，是指返回flase即可。
3）案例：HTML元素对象的offsetTop和offsetLeft属性，返回相对于父元素的位置偏移量。Style对象的top和left属性与setTimeout()或setInterval()方法相结合，可以制作出动画效果。
第13章 现代浏览器中的DHTML
1. 概述
1）DOM（文档对象模型）为Web开发提供了一个模型，把页面中的所有元素表示为一棵一层次结构组织的节点树，并提供了通用的属性集和方法集来访问或操作节点。DOM的伟大在于它是浏览器和平台无关的。
2. Web标准（HTML·ECMAScript·XML·XHTML）
当前HTML的最新版本为HTML4.01，ECMAScript的最新版本是ECMAScript 4，XML，即可扩展标记语言，是一种用以创建其他标记语言（如HTML）的标准，其主要作用是用来创建用户自定义的标记语言，也可以用来表示和描述数据。XML是纯文本的，是完全跨平台的。
XHTML和HTML的区别：
Ø 要求在页面第一行包含一个XML声明，如<?xml version=’1.0’?>
Ø 页面顶部还必须提供DTD声明，并指向所引用的DTD标准版本
Ø 页面必须包括一个当前HTML元素的XML命名空间
Ø XML是大小写敏感的，所有的XHTML必须使用小写形式
Ø 必须包含<head/>和<body/>标记
Ø 任何一个标记都必须被密封和正确嵌套，单标签以斜线结束，如<br/>
Ø 属性值必须用引号括起来
2. 文档对象模型（DOM）
1）DOM把文档表示为与浏览器无关的节点树；
2）DOM和BOM的区别：DOM仅仅提供 针对Web页面文档的编程模型，而BOM提供了访问浏览器自身各组件的脚本编程模型；BOM对于每一个浏览器是独特的，而DOM则是一种独立于浏览器的文档编程模型，它提供了一组与浏览器无关的属性、方法和对象的集合，以供javascript访问和操纵文档内容。
3）DOM把HTML文档解释为一棵以层次结构组织的节点树，且使用层次结构的方式查找，而不是使用一种完全直线的方式。节点-node，根节点-root node，父节点-parent node，子节点-child node。
4）DOM对象：DOM的基本对象包括Node，NodeList（包含N个Node对象的素组，通常用以表示一个元素所包含的子节点），NameNodeMap。DOM的高级对象包括Document，DocumentType，Text等。（常用的3大对象：Node,Element,Document）
Document对象（BOM和DOM都对Document进行了定义）
Document对象集合（all[]·anchors[] ·applets·forms[] ·images[] ·links[] ）
Document对象属性（body_提供对 <body> 元素的直接访问，而对于定义了框架集的文档，该属性引用最外层的 <frameset>·cookie ·domain_返回当前文档的域名·lastModified·referrer_返回载入当前文档的文档的 URL·title_返回当前文档的标题·URL_返回当前文档的 URL）
Document对象方法
close()_关闭用document.open()打开的输出的窗口•getElementById()•getElementsByName()•getElementsByTagName() •open() •write() •writeln()_多了一个换行符。
备注：getElementById()返回一个元素对象，否则返回null，getElementByTagName()返回一个item数组，通过数组的索引可访问具体的对象，其参数要用引号括起来。
在DOM中，Document只有documentElement一个属性，返回该文档最顶层元素的引用，如<html/>，而Element对象也只有tagName一个属性，返回当前节点的标记名称。
Node 对象的属性
childNodes（返回节点到子节点的节点列表）·firstChild·lastChild· previousSibling·nextSibling （返回节点之后紧跟的同级节点）·nodeName·nodeType（返回数字，1-元素节点、2-属性节点、3-文本节点）·nodeValue 设置或返回节点的值·parentNode·textContent（设置或返回节点及其后代的文本内容）。
备注：在IE中，2个HTML元素紧接，而在Firefox、Opera等浏览器中，元素之间的空白也解析为节点，所以使用nodeType判断，若返回3，代表文本节点，若此时访问下一个节点，应写为nextNode = thisNode. nextSibling.nextSibling;
Node对象的方法（添加或删除文档中的元素）
appendChild(newChild)添加新节点到子子节点列表的末尾；
insertBefore(newNode,referenceNode)在指定的节点前插入新节点，返回一个对新插入节点对象的引用；
remove(childNode)从子节点列表中删除指定的节点；
replaceChild(newChild,oldChild)替换子节点
document对象的方法（添加或删除文档中的元素）
creatElement(elementName)根据标记名穿件新元素；creatTextNode(text)，用参数text指定的文本创建一个文本节点，返回对此节点的引用；creatAttribute(attributeName)，根据参数指定的名称创建一个属性，并返回一个对心创建的属性节点对象的引用。
var newText=document.createTextNode("iHeading");
var newElem = document.createElement("h1");
newElem.appendChild(newText); document.body.appendChild(newElem);
Element对象的方法（获取和设置元素的属性）
getAttribute(attributeName),返回指定的属性值；setAttribute(attributeName,value)，设置属性值，removeAttribute(attributeName)恢复默认值。
DOM事件模型
1. event对象，包含触发当前事件的元素信息，在事件处理器中必须将event作为参量，且只有在IE中作为全局变量。DOM中event具有currentTarget（返回当前事件目前所指向的元素节点）、target（元素对象）和type等属性。
2. MouseEvent对象，处理用鼠标操作所引发的事件。具有altKey、button、clientX、clientY、ctrlKey、shiftKey等属性。
3. 事件 click、mousedown、mouseup、mouseover、mouseout、mousemove等，可以根据evt.type判断。
4. 浏览器兼容下的事件处理
var eType ; var eSrc;
if(window.event){eType = event.type;eSrc = e.srcElement;}
else{eType = e.type; eSrc = e.target;}
第14章 JavaScript与XML
1. XML概述
1）XML（可拓展标记语言）是一种以数据为中心的语言，不仅包含数据，还能通过具有语义的元素名称来描述数据，且对文档自身的结构也能进行描述，非常适用于处理以结构化方式组织数据的庞大而复杂的文档。XML不包括任何格式定义，实现了“内容和样式的分离”。XML可以实现不同系统之间的数据传递。
2）XML的语法
XML声明
<?xml version=”1.0” encoding=”iso-8859-1” standalone=”no”?> (encoding=” gb2312”)
<?xml-stylesheet type=”text/css” href=”i.css”?><!—外联css样式表 -->
元素必须是密封的 | 区分大小写 | 正确地嵌套
文档结构 任何一个XML文档有且只有一个根元素；
自定义元素的属性，可作为该元素的参数传递给应用程序，相当于子节点
字符数据 >(>) | <(<) | &(&) | '(‘)
CDATA注释，其内部的元素标记字符和实体引用都会被XML处理器忽略，仅仅是为普通的字符数据。（<![CDATA[ …… ]]>）
注释：<!-- -->，但不能放在XML元素的开始标记或结束标记中。
2. 建立XML文档：DTD（文档类型定义，Document Type Definition）可定义XML文件的元素标记及XML文档的结构，保证其有效性。
3. 改变XML的显示外观
1）XML和CSS
<?xml-stylesheet type="text/css" href="iXML.css"?>
2）XSL（可拓展样式语言），基于模版的样式转换语言，可以把XML中的内容进行重新构造，并转换成需要的格式，它是一种声明性的样式转化语言。（略）
<?xml-stylesheet type="text/xsl" href="iXSL.xsl" ?>
4. 使用Javascript操作XML（略）
第15章 ActiveX和Plug-ln的使用方法
1. 插件概述 插件是一种可下载的应用程序，可增加浏览器的功能。本质上是一种封装了完成某项工作所必需的功能的对象，通常是由C++或java编写的。
2. Firefox浏览器中的插件插入
3. IE浏览器中的嵌入式Active控件
4. 使用插件和Active控件
第16章 Ajax和远程脚本
1. 概述
本质上，远程技术脚本允许客户端通过Javascript向服务器发送请求，并接受服务器响应的数据，而无需刷新整个页面。此功能可通过多种技术实现，它们综合使用框架和内嵌框架技术和javascript技术。Ajax，核心是JavaScript对象XmlHttpRequest。
2. 创建XmlHttpRequest对象
var xmlHttp;
function createXMLHttp()
if(window.XMLHttpResquest) xmlHttp = new XMLHttpRequest();
else xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
3. XMLHttpRequest对象
oHttp.open(requestType,url,async);//初始化oHttp对象，requestType可选GET或POST，url表示目标服务器地址，async表示是否异步方式处理，可选true或false；
oHttp.send(null);//当以GET形式发送，不需要参数
oHttp.status == 200 ?//200表示请求成功，404表示请求的文档未找到。
oHttp.readyState属性，可选0,1,2,4，其中4代表从服务器返回的HTTP已经被完全接收。
4. 创建一个远程脚本类（略）
5. 使用iframe创建智能表单
常用的函数
1. prompt（parameter1，parameter2）;用以从终端输入一个数值。
其中，parameter1为要显示的字符串，parameter2为提示对话框弹出式，在输入框中包含的默认值。
2.toLowerCase() & toUpperCase();把字符串中的字母进行大小写转换；
