web前端转正工作总结_第1页
web前端转正工作总结_第2页
web前端转正工作总结_第3页
web前端转正工作总结_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1 / 4 web 前端转正工作总结 之前整理发表了 XMLHTTPRequest 的属性和方法简介 ,它 Ajax要使用的核心的技术之一，现在就来实际运用它。这个 Ajax 标签导航，是我很久前就写的一个脚本，很实用的，现在拿它来做实例讲解吧！当然个人能力有限，有什么不对的地方还请多包含 ! 效果大家看到了，核心功能有： 1、将当前选中标签以特殊的样式显示 2、将异步加载的页面信息显示到指定的 DOM 节点中 我们来看看处理脚本的代 码吧： 程序代码： 2 / 4 id=news- news就是我们的导航标签的 ID； id=newsCnt- newsCnt就是我们要写入信息的目标DOM节点； class=first - first当前标签的样式； id=news-0 - news-0 通过” -“分开，我们就分别可以得到 news， 0 网站重构 - 超链接 - 标签间的分割线 我罗列的这些东西，相信大家开始看出了些头绪了，呵呵，不过别急！在我们看处理的脚本之前，先让我们来看看导航标签的样式，主要是看看我们对分割线的处理。 3 / 4 本来想偷个懒，让大家看我上边说的那篇文章，想想也就是 Ctrl+C&Ctrl+V,都贴出来吧！呵呵！ 不过还没有完，最后要说的就是 innerHTML 这个特性，这里我们还要感谢微软啊， innerHTML 就是它的专利，我们就是用它来改变指定 DOM涉及到。东西虽小，包含的知识可是都用到了啊，我把我会的点东西都端出来了，呵呵！ 当然我很喜欢跟大家多交流，以后有时间，我们在来谈谈 CSS的 HACKS 技巧， Javascript DOM 编程等等的，今天就收工了，谢谢捧场先！ Copyright XX-XX href=, All rights reserved. Powered By: domain 看出来什么没有 ？可能大家已经发现，整个页面里4 / 4 基本上都是用户要看的数据，其中只包含了很少的布局标签。整个页面基本都是由最基础的 h1h6、 p、 ul、 ol、 li、form、 div 标签来实现的。 说到这里就要讲到我在前面提到的“结构清晰、 SEO优化、页面体积小、 XHTML 代码中基本上都是用户要看的数据”，看看我的这个例子做到了没有？ 结构清晰 -也就是我们常说的， XHTML 标签要结构化。 什么叫结构化？ 由于个人认为这个知识点是十分重要的，所以请允许我在这里多罗嗦几句，我们采用 WEB标准的方法制作页面的优势就体现在页面结构清晰。我们以前用 table 布局的时候，我们的表现和形式是混在一起的，有很多冗余的数据混杂在一起，而大家再看看我上面给大家展示的代码，
人人文库> 全部分类> 办公材料 > 思想汇报

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论