ajax完整功能框架

经过仔细研究和分析,终于让AJAX的模拟浏览器功能达到一个新的高峰.
下面将给我源代码,希望喜欢的朋友转载的时候注明转载出处,这样不管对你自己,还是对本人,都是一种极大的尊重.

记得有篇文章数落AJAX的"七宗罪"中说到,AJAX在浏览页面的时候不能使用链接收藏,也就是浏览器的标签功能,更不更使用浏览器的后退.然后也有篇文章翻译了一个老外的AJAX组件,实现了历史记录和后退功能,但是语义有点看不懂,所以在分析了那个组件之后,找出了精华部分,然后重写了这个AJAX RSS应用,并给出所有功能实现的方法注释.

目前在火狐下这个应用还不能使用,不过应该很快就可以解决这个问题.

点这里查看效果 查看:

源代码:

页面部分,保存为 index.html:

 程序代码


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>AJAX初级应用-RSS无刷新聚合器(RC 060221)</title>
<style type="text/css">
<!--
@import url("read.css");
-->
</style>
<script type="text/javascript" src="https://www.jb51.net/article/rss.js"></script>
</head>
<body>
<div> AJAX初级应用-RSS无刷新聚合器
  <div>关闭侧边栏</div>
</div>
<div>
  <div>
    <div>
      <!--在这里按照相同的格式添加你需要的连接 -->
      <a href="javascript:ent('clear');">胡东平个人空间</a><br />
      <a href="javascript:ent('a-fei');">OM-Space</a><br />
      <a href="javascript:ent('ryanxia');">RYAN Graphics</a><br />
      <a href="javascript:ent('awflasher');">活着而已</a><br />
      <a href="javascript:ent('seles');">Seles空间</a><br />
      <a href="javascript:ent('wawa');">WAWA-Fairy's blog</a><br />
      <a href="javascript:ent('dreammx');">大懒人的布拉格</a><br />
      <a href="javascript:setlist(12);">除错模式</a><br />
    </div>
    <div>
      <div>特别感谢:</div>
      <br />
            <h4><a href="#">LT</a></h4>
      -- 至今为止,之所以我可以做我自己认为喜欢的事情,完全是因为LT对我的强力后台支持。所以让我可以强烈藐视一切不公平现象,因为导致出现不公平现象的起因永远是人,而这个人通常是那种过于自以为是的垃圾。<br />
      <br />
      <h4><a href="" target="_blank">夏锐</a></h4>
      -- 是他带我走进了网页设计这个神奇的领域,并让我认识到了CSS,从此让我进入到一个充满奇迹的世界。虽然他因为某种原因不能在与我们一起共事,但是他的对我的启蒙将永远铭记于心!<br />
      <br />
      <h4><a href="#">张天鸣</a></h4>
      -- 假如有一天我成为一个优秀的程序设计师,那么他的功劳应该是最大的,始终不厌其烦地给我解释一些很弱智的问题,但是就因为这样的精神,把我领进了程序设计的大门,让我受益终生!AJAX的概念就是他传达给我的。<br />
    </div>
  </div>
  <div>
    <div></div>
    <div></div>
    <div>
      <h5><a href="#">使用帮助信息</a></h5>
      <span>发表时间:2006.02.21</span>
      <div> 如果你看到这些文字,我想你可能遇到麻烦了!看看下面给出的一些帮助信息是否有你需要的!</div>
      <div> <a href="#">作者:胡东平</a> </div>
      <h5><a href="#">帮助</a></h5>
      <span>发表时间:2005.02.21</span>
      <div> 本范例为个人原创,如需转载请联系作者QQ:100829912<br />
        <br />
        1、假如你一直看到的是这个页面,没有任何内容出现:<br />
        <br />
        请照步骤(工具 - Internet 选项 - 安全 - 自定义级别 - 通过域访问数据资源 - 启用)!<br />
                因为这个作品是为了让大家熟悉AJAX重点功能,所以会出现这个问题。<br />
        <br />
        假如还是不行,那么你需要检查一下你的浏览器,因为时间的原故,本人只在IE6 sp1上测试,其他浏览没有试过,不过估计在其他浏览器上肯定会出现一些问题,毕竟新技术还需要时间来支持。<br />
        <br />
        2、希望当你看到这个代码的时候,你会喜欢上ajax技术,这个范例只是一个很基本的应用,但是作者也付出了一定的时间和精力,希望你能够尊重作者的劳动成果,需要的话你可以免费拿去使用,但是最好不要用于商业用途,并且能够注明转载出处,谢谢!</div>
      <div> <a href="#">作者:胡东平</a> </div>
    </div>
  </div>
</div>
<div> 胡东平个人空间 © 转载须注明出处<br />
  <a href="" target="_blank">CopyRight By Clear Online Space</a> </div>
<!--提示窗口 -->
<div></div>
<iframe src="https://www.jb51.net/blank.html"></iframe>
</body>
</html>



隐藏Ifream部分:
保存为 blank.html:

程序代码

程序代码

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wfzjdy.html