📄 掌握 ajax,第 6 部分 建立基于 dom 的 web 应用程序.htm
字号:
href="http://www.ibm.com/developerworks/cn/web/wa-ajaxintro/">本系列的更多信息:</A><BR><A
class=left-nav-child
href="http://www.ibm.com/developerworks/cn/web/wa-ajaxintro/">掌握
Ajax</A></TD></TR>
<TR>
<TD class=dw-left-nav-separator width=14><IMG height=6 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif" width=14></TD>
<TD class=dw-left-nav-separator width=136><IMG height=6 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=136></TD></TR>
<TR>
<TD class=left-nav-highlight colSpan=2><A class=left-nav
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#">本文内容包括:</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#1">从一个示例应用程序开始</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#2">向示例应用程序添加元素</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#3">修改图片,麻烦的办法</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#4">替换图片,简单的办法</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#5">替换图片,(真正)简单的办法</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#6">把兔子藏起来</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#7">事件处理程序</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#8">结束语</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#download">下载</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#resources">参考资料
</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#author">关于作者</A></TD></TR>
<TR class=left-nav-child-highlight>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/cl-bullet.gif"
width=2></TD>
<TD><A class=left-nav-child
href="http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro6/#rate">对本文的评价</A></TD></TR>
<TR class=left-nav-last>
<TD width=14><IMG class=display-img height=1 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif" width=14></TD>
<TD width=136><IMG class=display-img height=19 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/left-nav-corner.gif"
width=136></TD></TR></TBODY></TABLE><BR>
<TABLE cellSpacing=0 cellPadding=0 width=150 border=0>
<TBODY>
<TR>
<TD class=related colSpan=2><B class=related>相关链接:</B></TD></TR>
<TR class=rlinks>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/rl-bullet.gif"
width=2></TD>
<TD><A class=rlinks
href="http://www.ibm.com/developerworks/cn/views/web/articles.jsp">Web
development 技术文档库</A></TD></TR>
<TR class=rlinks>
<TD><IMG height=8 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/rl-bullet.gif"
width=2></TD>
<TD><A class=rlinks
href="http://www.ibm.com/developerworks/cn/views/xml/articles.jsp">XML
技术文档库</A></TD></TR><!--START RESERVED FOR FUTURE USE INCLUDE FILES--><!-- No content currently --><!--END RESERVED FOR FUTURE USE INCLUDE FILES-->
<TR>
<TD width=14><IMG class=display-img height=1 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif" width=14></TD>
<TD width=136><IMG class=display-img height=19 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=136></TD></TR></TBODY></TABLE><!--START RESERVED FOR FUTURE USE INCLUDE FILES--><!-- No content currently --><!--END RESERVED FOR FUTURE USE INCLUDE FILES--></TD><!--LEFTNAV_END-->
<TD width="100%">
<TABLE id=content-table cellSpacing=0 cellPadding=0 width="100%"
border=0><TBODY>
<TR vAlign=top>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD><A name=main><IMG height=1 alt="skip to main content"
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif" width=592
border=0></A></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR vAlign=top>
<TD width=10 height=18><IMG height=18 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=10></TD>
<TD width="100%"><IMG height=6 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=1><BR><A class=bctl
href="http://www.ibm.com/developerworks/cn/">developerWorks
中国</A><SPAN class=bct> > </SPAN><A
class=bctl
href="http://www.ibm.com/developerworks/cn/web/">Web
development</A><SPAN class=bct> | </SPAN><A
class=bctl
href="http://www.ibm.com/developerworks/cn/xml/">XML</A><SPAN
class=bct> ></SPAN><IMG height=1 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=1><BR>
<H1><SPAN style="COLOR: #999999">掌握 Ajax,第 6 部分: </SPAN>建立基于
DOM 的 Web 应用程序</H1>
<P id=subtitle><EM>在不刷新页面的情况下使用 DOM 改变网页界面</EM></P><IMG
class=display-img height=6 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=1></TD>
<TD class=no-print width=192><IMG height=18 alt=developerWorks
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/dw.gif"
width=192></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR vAlign=top>
<TD width=10><IMG height=1 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif" width=10></TD>
<TD width="100%">
<TABLE class=no-print cellSpacing=0 cellPadding=0 width=160
align=right border=0>
<TBODY>
<TR>
<TD width=10><IMG height=1 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=10></TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=150 border=0>
<TBODY>
<TR>
<TD class=v14-header-1-small>文档选项</TD></TR></TBODY></TABLE>
<TABLE class=v14-gray-table-border cellSpacing=0 cellPadding=0
border=0>
<TBODY>
<TR>
<TD class=no-padding width=150>
<TABLE cellSpacing=0 cellPadding=0 width=143
border=0><IMG height=1 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=8>
<FORM name=email
action=https://www.ibm.com/developerworks/secure/email-it.jsp><INPUT
type=hidden
value="Brett McLaughlin 通过一个具体的 DOM 应用程序结束了他的 DOM 编程三部曲。"
name=body><INPUT type=hidden
value="掌握 Ajax,第 6 部分: 建立基于 DOM 的 Web 应用程序"
name=subject><INPUT type=hidden value=cn name=lang>
<SCRIPT language=JavaScript type=text/javascript><!--document.write('<tr valign="top"><td width="8"><img src="//www.ibm.com/i/c.gif" width="8" height="1" alt=""/></td><td width="16"><img src="//www.ibm.com/i/v14/icons/em.gif" height="16" width="16" vspace="3" alt="将此页作为电子邮件发送" /></td><td width="122"><p><a class="smallplainlink" href="javascript:document.email.submit();"><b>将此页作为电子邮件发送</b></a></p></td></tr>');//--></SCRIPT>
<NOSCRIPT>
<TBODY>
<TR vAlign=top>
<TD width=8><IMG height=1 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=8></TD>
<TD width=16><IMG height=16 alt=""
src="掌握 Ajax,第 6 部分 建立基于 DOM 的 Web 应用程序.files/c.gif"
width=16></TD>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -