如何理解ajax完整功能框架-創(chuàng)新互聯(lián)

本篇內容主要講解“如何理解ajax完整功能框架”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“如何理解ajax完整功能框架”吧!

目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)絡空間、網(wǎng)站托管、企業(yè)網(wǎng)站設計、大興網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

記得有篇文章數(shù)落AJAX的"七宗罪"中說到,AJAX在瀏覽頁面的時候不能使用鏈接收藏,也就是瀏覽器的標簽功能,更不更使用瀏覽器的后退.然后也有篇文章翻譯了一個老外的AJAX組件,實現(xiàn)了歷史記錄和后退功能,但是語義有點看不懂,所以在分析了那個組件之后,找出了精華部分,然后重寫了這個AJAX RSS應用,并給出所有功能實現(xiàn)的方法注釋.

目前在火狐下這個應用還不能使用,不過應該很快就可以解決這個問題.

源代碼:

頁面部分,保存為 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">

</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 />
            <h5><a href="#">LT</a></h5>
      -- 至今為止，之所以我可以做我自己認為喜歡的事情，完全是因為LT對我的強力后臺支持。所以讓我可以強烈藐視一切不公平現(xiàn)象，因為導致出現(xiàn)不公平現(xiàn)象的起因永遠是人，而這個人通常是那種過于自以為是的垃圾。<br />
      <br />
      <h5><a href="http://www.ryanxia.com" target="_blank">夏銳</a></h5>
      -- 是他帶我走進了網(wǎng)頁設計這個神奇的領域，并讓我認識到了CSS，從此讓我進入到一個充滿奇跡的世界。雖然他因為某種原因不能在與我們一起共事，但是他的對我的啟蒙將永遠銘記于心！<br />
      <br />
      <h5><a href="#">張?zhí)禅Q</a></h5>
      -- 假如有一天我成為一個優(yōu)秀的程序設計師，那么他的功勞應該是較大的，始終不厭其煩地給我解釋一些很弱智的問題，但是就因為這樣的精神，把我領進了程序設計的大門，讓我受益終生！AJAX的概念就是他傳達給我的。<br />
    </div>
  </div>
  <div class="main" id="main">
    <div class="maintit" id="listnum"></div>
    <div class="nonetab"></div>
    <div class="mainbg" id="prolist">
      <h6><a href="#">使用幫助信息</a></h6>
      <span>發(fā)表時間：2006.02.21</span>
      <div class="article"> 如果你看到這些文字，我想你可能遇到麻煩了！看看下面給出的一些幫助信息是否有你需要的！</div>
      <div class="bottom"> <a href="#">作者：胡東平</a> </div>
      <h6><a href="#">幫助</a></h6>
      <span>發(fā)表時間：2005.02.21</span>
      <div class="article"> 本范例為個人原創(chuàng)，如需轉載請聯(lián)系作者QQ：100829912<br />
        <br />
        1、假如你一直看到的是這個頁面，沒有任何內容出現(xiàn)：<br />
        <br />
        請照步驟（工具 - Internet 選項 - 安全 - 自定義級別 - 通過域訪問數(shù)據(jù)資源 - 啟用）！<br />
                因為這個作品是為了讓大家熟悉AJAX重點功能，所以會出現(xiàn)這個問題。<br />
        <br />
        假如還是不行，那么你需要檢查一下你的瀏覽器，因為時間的原故，本人只在IE6 sp1上測試，其他瀏覽沒有試過，不過估計在其他瀏覽器上肯定會出現(xiàn)一些問題，畢竟新技術還需要時間來支持。<br />
        <br />
        2、希望當你看到這個代碼的時候，你會喜歡上ajax技術，這個范例只是一個很基本的應用，但是作者也付出了一定的時間和精力，希望你能夠尊重作者的勞動成果，需要的話你可以免費拿去使用，但是好不要用于商業(yè)用途，并且能夠注明轉載出處，謝謝！</div>
      <div class="bottom"> <a href="#">作者：胡東平</a> </div>
    </div>
  </div>
</div>
<div class="footer"> 胡東平個人空間 © 轉載須注明出處<br />
  <a href="http://blog.cnrui.cn" target="_blank">CopyRight By Clear Online Space</a> </div>

<div id="loadifo" onclick="ent(delChar());"></div>
<iframe id="historyFrame" src="blank.html"></iframe>
</body>
</html>

隱藏Ifream部分:
保存為 blank.html:

如何理解ajax完整功能框架程序代碼

<html>
   <script language="JavaScript">
            function pageLoaded() {
               window.parent.dhtmlHistory.iframeLoaded(window.location);
            }
   </script>
   <body onLoad="pageLoaded()">
      <h2>blank.html - 這個東西很重要的，兄弟！</h2>
   </body>
</html>

css部分:
保存為 read.css :

如何理解ajax完整功能框架程序代碼

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完整功能框架程序代碼

到此，相信大家對“如何理解ajax完整功能框架”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

網(wǎng)站欄目：如何理解ajax完整功能框架-創(chuàng)新互聯(lián)
地址分享：http://m.rwnh.cn/article4/ddsgoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供Google、移動網(wǎng)站建設、ChatGPT、動態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站設計公司

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

如何理解ajax完整功能框架-創(chuàng)新互聯(lián)