本篇內(nèi)容主要講解“如何理解ajax完整功能框架”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何理解ajax完整功能框架”吧!
目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、
網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計、
大興網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
記得有篇文章數(shù)落AJAX的"七宗罪"中說到,AJAX在瀏覽頁面的時候不能使用鏈接收藏,也就是瀏覽器的標(biāo)簽功能,更不更使用瀏覽器的后退.然后也有篇文章翻譯了一個老外的AJAX組件,實現(xiàn)了歷史記錄和后退功能,但是語義有點看不懂,所以在分析了那個組件之后,找出了精華部分,然后重寫了這個AJAX RSS應(yīng)用,并給出所有功能實現(xiàn)的方法注釋.
目前在火狐下這個應(yīng)用還不能使用,不過應(yīng)該很快就可以解決這個問題.
源代碼:
頁面部分,保存為 index.html:
程序代碼
AJAX初級應(yīng)用-RSS無刷新聚合器(RC 060221) AJAX初級應(yīng)用-RSS無刷新聚合器
關(guān)閉側(cè)邊欄
發(fā)表時間：2006.02.21 如果你看到這些文字，我想你可能遇到麻煩了！看看下面給出的一些幫助信息是否有你需要的！
發(fā)表時間：2005.02.21 本范例為個人原創(chuàng)，如需轉(zhuǎn)載請聯(lián)系作者QQ：100829912
1、假如你一直看到的是這個頁面，沒有任何內(nèi)容出現(xiàn)：
請照步驟（工具 - Internet 選項 - 安全 - 自定義級別 - 通過域訪問數(shù)據(jù)資源 - 啟用）！
因為這個作品是為了讓大家熟悉AJAX重點功能，所以會出現(xiàn)這個問題。
假如還是不行，那么你需要檢查一下你的瀏覽器，因為時間的原故，本人只在IE6 sp1上測試，其他瀏覽沒有試過，不過估計在其他瀏覽器上肯定會出現(xiàn)一些問題，畢竟新技術(shù)還需要時間來支持。
2、希望當(dāng)你看到這個代碼的時候，你會喜歡上ajax技術(shù)，這個范例只是一個很基本的應(yīng)用，但是作者也付出了一定的時間和精力，希望你能夠尊重作者的勞動成果，需要的話你可以免費(fèi)拿去使用，但是好不要用于商業(yè)用途，并且能夠注明轉(zhuǎn)載出處，謝謝！
隱藏Ifream部分:
保存為 blank.html:
程序代碼
blank.html - 這個東西很重要的，兄弟！
css部分:
保存為 read.css :
程序代碼
body {
margin: 0px;
padding: 0px;
font-size: 9pt;
}
h5 {
font-size: 9pt;
display: inline;
}
h6 {
display: inline;
margin-left: 10px;
}
span {
margin-left: 20px;
color: #666;
}
a {
text-decoration: none;
color: #900;
}
a:hover {
color: #F90;
}
.title{
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#0099FF", endColorStr="#003366", gradientType="0");
height: 30px;
font-weight: bold;
color: #FFF;
padding-top: 20px;
padding-left: 20px;
border-bottom: 2px solid #FFF;
}
.close {
float: right;
margin-right: 50px;
cursor:pointer;
}
.body {
clear: both;
width: 1002px;
}
.sidebar {
width: 200px;
float: left;
top: 20px;
padding-top: 10px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#0066CC", endColorStr="#FFFFFF", gradientType="0");
text-align: center;
}
.spacecla a{
font-weight: bold;
color: #E1F1FF;
text-decoration: none;
float: left;
width: 120px;
padding: 5px 5px 3px;
border-bottom: 1px dashed #6FF;
}
.spacecla a:hover{
color: #FFF;
background: #09F;
}
.special {
margin-top: 50px;
width: 150px;
color: #666;
line-height: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
}
.spetit {
font-weight: bold;
color: #FFFFFF;
border-bottom: 2px solid #EEE;
}
.spacecla {
width: 150px;
}
.special a {
color: #000;
}
.nonetab {
height: 10px;
background: #EEE;
}
.main {
width: 800px;
float: right;
}
.maintit {
background: #000;
height: 17px;
color: #FFF;
text-align: center;
padding-top: 3px;
}
.mainbg {
background: #EEE;
float: left;
width: 100%;
overflow: hidden;
}
.mainbg2 {
background: #EEE;
float: left;
width: 100%;
filter: Alpha(Opacity=30);
}
.article img {
border-width: 0px;
border-style: none;
}
.article {
padding: 5px;
text-indent: 2em;
border-top: 1px solid #06F;
margin-left: 10px;
}
.bottom {
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#EEEEEE", endColorStr="#FFFFFF", gradientType="1");
height: 13px;
text-align: right;
padding-right: 20px;
padding-top: 3px;
margin-bottom: 10px;
}
.footer {
height: 30px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#0066CC", endColorStr="#B9E3FF", gradientType="1");
text-align: center;
padding-top: 5px;
line-height: 15px;
color: #FFF;
clear: both;
}
.footer a {
color: #EEE;
}
#loadifo {
position: absolute;
top: 200px;
width: 120px;
background: #F69;
padding: 10px;
filter: Alpha(Opacity=90);
text-align: center;
color: #FFF;
border: 1px dashed #909;
left: 400px;
}
重點:核心代碼部分:
保存為 rss.js :
程序代碼
到此，相信大家對“如何理解ajax完整功能框架”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
分享名稱：如何理解ajax完整功能框架-創(chuàng)新互聯(lián)
文章地址：
http://weahome.cn/article/ddsgoe.html
重慶分公司
重慶分公司
