國內首發 -- 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 />
