📄 掌握 ajax，第 4 部分 利用 dom 进行 web 响应.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0055)http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro4/ -->
<HTML lang=zh-CN xml:lang="zh-CN"
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>掌握 Ajax，第 4 部分: 利用 DOM 进行 Web 响应</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<META http-equiv=PICS-Label
content='(PICS-1.1 "http://www.icra.org/ratingsv02.html" l gen true r (cz 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true r (n 0 s 0 v 0 l 0) "http://www.classify.org/safesurf/" l gen true r (SS~~000 1))'><LINK
href="http://purl.org/DC/elements/1.0/" rel=schema.DC><LINK
href="http://www.ibm.com/favicon.ico" rel="SHORTCUT ICON">
<META content=dw@cn.ibm.com name=Owner>
<META scheme=rfc1766 content=zh-CN name=DC.Language>
<META content=cn name=IBM.Country>
<META content=Public name=Security>
<META
content="程序员（使用后端应用程序）和 Web 程序员（编写 HTML、CSS 和 JavaScript 上）之间的分水岭是长久存在的。但是，Document Object Model (DOM) 弥补了这个裂缝，使得在后端使用 XML 同时在前端使用 HML 切实可行，并成为极其有效的工具。在本文中，Brett McLaughlin 介绍了 Document Object Model，解释它在 Web 页面中的应用，并开始挖掘其在 JavaScript 中的用途。"
name=Abstract>
<META
content="程序员（使用后端应用程序）和 Web 程序员（编写 HTML、CSS 和 JavaScript 上）之间的分水岭是长久存在的。但是，Document Object Model (DOM) 弥补了这个裂缝，使得在后端使用 XML 同时在前端使用 HML 切实可行，并成为极其有效的工具。在本文中，Brett McLaughlin 介绍了 Document Object Model，解释它在 Web 页面中的应用，并开始挖掘其在 JavaScript 中的用途。"
name=Description>
<META
content="Ajax, Asynchronous Java and XML, JavaScript, DOM, document object model, XMLHttpRequest, XMLHttp, XML, XHTML, DHTML, Brett McLaughlin, 异步 Java 和 XML, 文档对象模型, tttwaca, tttxca, tttjca, tttwsca"
name=Keywords>
<META scheme=iso8601 content=2006-04-10 name=DC.Date>
<META content="Based on v14 Template Generator, Template 14.0" name=Source>
<META content="Copyright (c) 2006 by IBM Corporation" name=DC.Rights>
<META content=index,follow name=Robots>
<META scheme=W3CDTF content=2006-04-10 name=IBM.Effective>
<META content=17012007zoucl@cn.ibm.com name="Last update"><LINK
media=screen,print href="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/table.css"
type=text/css rel=stylesheet>
<SCRIPT language=JavaScript
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/dwcss14.js"
type=text/javascript></SCRIPT>
<NOSCRIPT><LINK href="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/r1ss.css"
type=text/css rel=stylesheet></NOSCRIPT><LINK
href="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/main.css" type=text/css
rel=stylesheet><LINK media=all
href="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/screen.css" type=text/css
rel=stylesheet><LINK media=print
href="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/print.css" type=text/css
rel=stylesheet>
<SCRIPT language=JavaScript
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/detection.js"
type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/dropdown.js"
type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/grabtitle.js"
type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/emailfriend2.js"
type=text/javascript></SCRIPT>
<!--START RESERVED FOR FUTURE USE INCLUDE FILES-->
<SCRIPT language=javascript src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/ajax1.js"
type=text/javascript></SCRIPT>
<SCRIPT language=javascript
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/searchcount.js"
type=text/javascript></SCRIPT>
<!--END RESERVED FOR FUTURE USE INCLUDE FILES-->
<SCRIPT language=JavaScript type=text/javascript>var emailAbstract = "程序员（使用后端应用程序）和 Web 程序员（编写 HTML、CSS 和 JavaScript 上）之间的分水岭是长久存在的。但是，Document Object Model (DOM) 弥补了这个裂缝，使得在后端使用 XML 同时在前端使用 HML 切实可行，并成为极其有效的工具。在本文中，Brett McLaughlin 介绍了 Document Object Model，解释它在 Web 页面中的应用，并开始挖掘其在 JavaScript 中的用途。"; </SCRIPT>
<META content="MSHTML 6.00.2900.3059" name=GENERATOR></HEAD>
<BODY><!--MASTHEAD_BEGIN-->
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR vAlign=top>
<TD class=bbg width=110><A href="http://www.ibm.com/cn/"><IMG height=52
alt=IBM® src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/ibm-logo.gif"
width=110 border=0></A></TD>
<TD class=bbg><IMG height=1 alt=""
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/c.gif" width=1 border=0></TD>
<TD class=mbbg align=right width=650>
<TABLE cellSpacing=0 cellPadding=0 align=right border=0>
<TBODY>
<TR class=cty-tou>
<TD class=upper-masthead-corner width=17 rowSpan=2><A
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro4/#main"><IMG
height=1 alt=跳转到主要内容
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/c.gif" width=1
border=0></A></TD>
<TD align=left>
<TABLE cellSpacing=0 cellPadding=0 align=left border=0>
<TBODY>
<TR>
<TD><SPAN class=spacer> </SPAN><B
class=country>中国</B><SPAN class=spacer> [</SPAN><A
class=ur-link
href="http://www.ibm.com/developerworks/cn/country/">选择</A><SPAN
class=spacer>]</SPAN></TD>
<TD class=upper-masthead-divider
width=29> </TD>
<TD align=left><A class=ur-link
href="http://www.ibm.com/legal/cn/">使用条款</A></TD></TR></TBODY></TABLE></TD>
<TD width=40> </TD></TR>
<TR>
<TD class=cty-tou-border colSpan=2 height=1><IMG height=1 alt=""
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/c.gif" width=1></TD></TR>
<TR>
<TD colSpan=3><IMG height=8 alt=""
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/c.gif" width=1></TD></TR>
<TR>
<TD> </TD>
<TD align=middle colSpan=2>
<FORM id=form1 name=form1
action=http://www-128.ibm.com/developerworks/search/searchResults.jsp
method=get><INPUT type=hidden value=1 name=searchType><INPUT
type=hidden value=dWChina name=searchSite><INPUT type=hidden
value=zh name=pageLang><INPUT type=hidden value=UTF8
name=langEncoding>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=1><IMG height=1 alt="Select a scope:"
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/c.gif" width=1></TD>
<TD align=right><LABEL for=sq><SELECT class=input-scope id=sq
name=searchScope><OPTION value=dW selected>dW
全部内容</OPTION><OPTION
value=dW>-----------------</OPTION><OPTION
value=aixunix> AIX and UNIX</OPTION><OPTION
value=dmdd> Information
management</OPTION><OPTION
value=lotusdd> Lotus</OPTION><OPTION
value=rdd> Rational</OPTION><OPTION
value=tivolidd> Tivoli</OPTION><OPTION
value=wsdd> WebSphere</OPTION><OPTION
value=workplace> Workplace</OPTION><OPTION
value=dW>-----------------</OPTION><OPTION
value=gridZ> Grid computing</OPTION><OPTION
value=javaZ> Java 技术</OPTION><OPTION
value=linuxZ> Linux</OPTION><OPTION
value=opensrcZ> Open source</OPTION><OPTION
value=securityZ> Security</OPTION><OPTION
value=webservZ> SOA & Web
services</OPTION><OPTION value=webarchZ> Web
development</OPTION><OPTION
value=xmlZ> XML</OPTION><OPTION
value=dW>-----------------</OPTION><OPTION value=all>IBM
全部内容</OPTION></SELECT></LABEL></TD>
<TD align=right width=1><IMG height=1 alt="Search for:"
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/c.gif"
width=1> </TD>
<TD align=right><INPUT class=input id=q maxLength=100 size=15
name=query></TD>
<TD width=7> </TD>
<TD><LABEL for=q><INPUT type=image alt=搜索
src="掌握 Ajax，第 4 部分 利用 DOM 进行 Web 响应.files/search.gif"
value=搜索 name=Search></LABEL></TD>
<TD
width=20> </TD></TR></TBODY></TABLE></FORM></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=blbg colSpan=3>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -