国内首发 -- ajax完整功能框架
2024-09-01 08:29:50
供稿：网友
经过仔细研究和分析,终于让AJAX的模拟浏览器功能达到一个新的高峰.
下面将给我源代码,希望喜欢的朋友转载的时候注明转载出处,这样不管对你自己,还是对本人,都是一种极大的尊重.
记得有篇文章数落AJAX的"七宗罪"中说到,AJAX在浏览页面的时候不能使用链接收藏,也就是浏览器的标签功能,更不更使用浏览器的后退.然后也有篇文章翻译了一个老外的AJAX组件,实现了历史记录和后退功能,但是语义有点看不懂,所以在分析了那个组件之后,找出了精华部分,然后重写了这个AJAX RSS应用,并给出所有功能实现的方法注释.
目前在火狐下这个应用还不能使用,不过应该很快就可以解决这个问题.
点这里查看效果 查看:
源代码:
页面部分,保存为 index.html:
程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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="rss.js"></script>
</head>
<body>
<div class="title"> AJAX初级应用-RSS无刷新聚合器
<div class="close" id="clobar" onclick="closebar('sidebar','clobar');">关闭侧边栏</div>
</div>
<div class="body">
<div class="sidebar" id="sidebar">
<div class="spacecla">
<!--在这里按照相同的格式添加你需要的连接 -->
<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 class="special">
<div class="spetit">特别感谢：</div>
<br />
