¡¾¾ÉÎÄ¡¿AJAX×ܽᣨ¶þ£©
ËÄ¡¢DOM
1.DOM¸ÅÊö
XHR¶ÔÏóÌṩÁ˸ú·þÎñÆ÷ͨѶµÄÄÜÁ¦£¬¶øDOMÌṩÁË·ÃÎÊ¡¢¶¯Ì¬¸üÐÂÒ³ÃæµÄÄÜÁ¦¡£
DOMÊÇW3CÍÆ³öµÄÎĵµ¶ÔÏóÄ£ÐÍ£¬ÊDZíʾÎĵµºÍ·ÃÎÊ¡¢²Ù×÷¹¹³ÉÎĵµµÄ¸÷ÖÖÔªËØµÄAPI£¬±»¶¨ÒåΪ¶ÀÁ¢ÓÚÓïÑԵıê×¼£¬ÔÚjavascriptºÍjavaÒÔ¼°ÆäËûÓïÑÔÖж¼ÓÐʵÏÖ¡£
ÔÚDOMÖУ¬HTMLÎĵµµÄ²ã´Î»ú¹¹±»±íʾΪÊ÷Ðνṹ£¬Ê÷µÄ½Úµã±íʾÎĵµÖеĸ÷ÖÖÄÚÈÝ¡£HTMLÎĵµµÄÊ÷ÐαíʾÖ÷Òª°üº¬±íÊ¾ÔªËØ»ò±ê¼Ç£¨Èç<table>ºÍ<p>£©µÄ½ÚµãºÍ±íʾÎı¾´®µÄ½Úµã¹¹³É¡£
DOM¶¨ÒåÁËÐí¶à½Ó¿Ú£¬ÆäÖбȽÏͨÓõÄÊÇÆäºËÐÄAPI£ºNodeList¡¢Node¡¢
Document¡¢Element½Ó¿Ú£¬DocumentºÍElement½Ó¿Ú¶¼ÊÇNode½Ó¿ÚµÄ×Ó½Ó¿Ú¡£ÔÚJavaScriptʵÏÖµÄDOMÖл¹°üº¬
HTMLÎĵµ×¨ÓõÄAPI£¬ÈçHTMLDocument¡¢HTMLElement¡£ÁíÍ⣬DOMΪÐí¶àHTMLÔªËØ¶¨ÒåÁ˱ê¼ÇרÓеĽӿڣ¬Èç
HTMLBodyElement¡¢HTMLTitleElement¡£
2. Node½Ó¿Ú
Node½Ó¿ÚÊÇÎĵµÊ÷ÖÐËùÓнڵãµÄ¶¥¼¶¸¸½Ó¿Ú£¬¶¨ÒåÁËͨÓõÄÊôÐԺͷ½·¨¡£
³£ÓÃÊôÐÔ£º
ÊôÐÔ
˵Ã÷
nodeType
´ú±í½ÚµãµÄÀàÐÍ
nodeName
½ÚµãµÄÃû×Ö£¬Element½ÚµãÔò´ú±íElementµÄ±ê¼ÇÃû³Æ
parentNode
ÒÔNodeµÄÐÎʽ·µ»Øµ±Ç°½ÚµãµÄ¸¸½Úµã¡£Èç¹ûûÓи¸½Úµã£¬Îªnull
childNodes
ÒÔNodeListµÄÐÎʽ·µ»Øµ±Ç°½ÚµãµÄ×Ó½Úµã
firstChild
ÒÔNodeµÄÐÎʽ·µ»Øµ±Ç°½ÚµãµÄµÚÒ»¸ö×ӽڵ㣬Èç¹ûûÓÐ×ӽڵ㣬ÔòΪnull
lastChild
ÒÔNodeµÄÐÎʽ·µ»Øµ±Ç°½ÚµãµÄ×îºóÒ»¸ö×ӽڵ㣬Èç¹ûûÓÐ×ӽڵ㣬ÔòΪnull
previousSibling
ÒÔNodeµÄÐÎʽ·µ»Øµ±Ç°½ÚµãµÄǰһ¸öÐֵܽڵ㣬Èç¹ûûÓУ¬ÔòΪnull
nextSibling
ÒÔNodeµÄÐÎʽ·µ»Øµ±Ç°½ÚµãµÄÏÂÒ»¸öÐֵܽڵ㣬Èç¹ûûÓУ¬ÔòΪnull
nodeValue
Èç¹ûÊÇTextNode½Úµã£¬¸ÃÊôÐÔ´ú±í½ÚµãµÄÎı¾Öµ
×¢Ò⣺ÔÚjavaµÄʵÏÖÖУ¬ÓëÉÏÊöÊôÐÔ¶ÔÓ¦µÄÊÇget/set·½·¨£¬ÈçgetNodeType()¡¢getFirstChild()µÈ¡£
³£Ó÷½·¨£º
·½·¨
˵Ã÷
hasChildNodes()
Èç¹ûµ±Ç°½ÚµãÓµÓÐ×ӽڵ㣬Ôò·µ»Øtrue
appendChild()
°ÑÒ»¸ö½ÚµãÔö¼Óµ½µ±Ç°½ÚµãµÄchildNodes£¬¸øÎĵµÊ÷Ôö¼Ó½Úµã
removeChild()
´ÓÎĵµÊ÷ÖÐɾ³ý²¢·µ»ØÖ¸¶¨µÄ×Ó½Úµã
replaceChild()
´ÓÎĵµÊ÷ÖÐɾ³ý²¢·µ»ØÖ¸¶¨µÄ×ӽڵ㣬ÓÃÁíÒ»¸ö½ÚµãÌæ»»
insertBefore()
ÔÚµ±Ç°½ÚµãµÄÖ¸¶¨×Ó½Úµã֮ǰ²åÈëÒ»¸ö½Úµã
3. Document½Ó¿Ú
DOM Ê÷µÄ¸ù½ÚµãÊǸöDocument¶ÔÏ󣬸öÔÏóµÄdocumentElementÊôÐÔÒýÓñíʾÎĵµ¸ùÔªËØµÄElement¶ÔÏ󣬶ÔÓÚHTMLÎĵµ£¬¾ÍÊÇ<html>ÔªËØ¡£Document½Ó¿ÚµÄ³£Ó÷½·¨ÓУº
·½·¨
˵Ã÷
createAttr
Ïà¹ØÎĵµ£º
var xmlhttp;
function verify()
{
//2.´´½¨XmlHttpRequest¶ÔÏó
//ÕâÊÇXmlHttpRequest¶ÔÏóÎå²½ÖÐʹÓÃ×ÔÓµÄÒ»²½
//ÐèÒªÕë¶ÔIEºÍÆäËûÀàÐ͵Ää¯ÀÀÆ÷½¨Á¢Õâ¸ö¶ÔÏóµÄ²»Í¬·½Ê½Ð´²»Í¬µÄ´úÂë
if(window.XMLHttpRequest)
{
......
´´½¨Ò»¸öµ¯³öDIV´°¿Ú¿ÉÄÜÊÇÏÖÔÚÍøÕ¾/ÍøÒ³ÖÆ×÷ÖÐ×î³£Åöµ½µÄÎÊÌâÖ®Ò»¡£´«Í³µÄJavaScriptµ¯´°ÒѾ²»ÊʺÏÄ¿Ç°ÍøÕ¾µÄÉè¼ÆÀíÄîÁË£¬ÀíÓÉÓжþ£ºÊ× ÏÈ£¬²»ÓѺ×—ÉúÓ²µÄµ¯³ö¶Ô»°¿òÇÒ°éËæ×Å“ßÑ”µÄÒ»Éù¶ÔÓû§ÌåÑéÊǸöºÜ´óµÄÌôÕ½£»Æä´Î£¬¼æÈÝÐÔ²»¹»Ç¿——ÓÐÏ൱¶àµÄä¯ÀÀÆ÷ÆÁ±ÎÁËÕâÖÖJSµÄAlert() ·½·¨¡ ......
Web¿ª·¢Õß²»»á×¢Òâµ½ÓÉ “AJAX(Asynchronous JavaScript And
XML)”Ëù´øÀ´µÄ¼¤Çé¡£²»·ÑÁ¦Æø¾ÍÄÜ´´½¨ÏñGoogle
SuggestÄÇÑùµÄÖÇÄÜÍøÕ¾»òÕßÏñGmailÄÇÑù»ùÓÚWebµÄÓ¦ÓóÌÐò£¬ÕâÔںܴó³Ì¶ÈÉÏÒª¹é¹¦ÓÚÕâÖÖ¼¼Êõ¡£È»¶ø£¬°éËæ×ÅAJAXÓ¦ÓóÌÐòµÄ·¢Õ¹£¬ÎÒÃÇ·¢
ÏÖÁËËüµÄһЩ²»×ãÖ®´¦£¬ÎÒÃÇ·¢ÏÖËüµÄ°²È«Â©¶´Ò²ÔÚÖð½¥±ä´ó£¬¾ ......
·¢ËÍÒ»¸öÇëÇóºó£¬¿Í»§¶ËÎÞ·¨È·¶¨Ê²Ã´Ê±ºò»áÍê³ÉÕâ¸öÇëÇó£¬ËùÒÔÐèÒªÓÃʼþ»úÖÆÀ´²¶»ñÇëÇóµÄ״̬£¬XMLHttpRequest¶ÔÏóÌṩÁËonreadyStateChangeʼþʵÏÖÕâÒ»¹¦ÄÜ¡£ÕâÀàËÆÓڻص÷º¯ÊýµÄ×ö·¨¡£
onreadyStateChangeʼþ¿ÉÖ¸¶¨Ò»¸öʼþ´¦Àíº¯ÊýÀ´´¦ÀíXMLHttpRequest¶ÔÏóµÄÖ´Ðнá¹û£¬È磺
ajaxObj=createAjaxObject();
var url= ......
function ScreenConvert()
{
var browser = new Browser1();
var objScreen = document.getElementById("ScreenOver");
if(!objScreen)
var objScreen = document.createElement("div");
var oS = objScreen.style;
objScreen.id = "ScreenOver";
oS.display = "bloc ......