javascript - 網頁無重新整理技術

來源:互聯網
上載者:User
有些網頁,比如換個主題,調整透明度,添加模組等等。都不用重新整理頁面,可以即時看到效果。
請問這是怎麼實現的?單靠Ajax好像不行吧?
前端小白,請盡量講的詳細些,謝謝!

回複內容:

有些網頁,比如換個主題,調整透明度,添加模組等等。都不用重新整理頁面,可以即時看到效果。
請問這是怎麼實現的?單靠Ajax好像不行吧?
前端小白,請盡量講的詳細些,謝謝!

  • AJAX可以動態擷取內容。

  • DOM操作(增刪節點、增刪內容、修改屬性尤其是class屬性)。從而實現你說的增加模組,以及修改視覺效果等。

  • JS還能夠動態修改樣式,通過修改element.style。從而實現你說的修改透明度等效果。

  • DOM還支援動態建立script和link等標籤。從而實現動態引入主題需要的指令碼和樣式檔案。

只有想不到,沒有做不到。

一般都是用ajax啊。你還可以嵌套一個frame,重新整理frame和頁面進行互動。
不過你說的這些,調整透明度和添加模組之類的,大部分情況下是無需和後台做互動的,做互動也只是存取寫資料,大部分操作還是js操作dom。

除了上面 說到的 ajax 和 iframe 方式你可以去瞭解下 html5 history api

都是用外掛程式實現的,比如angular mobilebone backbone 這些你都可以瞭解,單頁面無重新整理的

你說的這些都是css的障眼法,利用錨,frame等。
整個主題切換的時候,一般的實現是切換對css的引用。

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.