DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 初步了解JavaScript,Ajax,jQuery,並比較三者關系
初步了解JavaScript,Ajax,jQuery,並比較三者關系
編輯:AJAX基礎知識     

jquery是對javascript很好的封裝,而且很輕量級,可以近似的將其稱其為框架,下面就來對比javascript與jquery對ajax的實現,以突出jquery對其封裝後,在實現方便的簡易性,而且不僅如此,用jquery代替javascript來實現一些功能對於浏覽器的兼容性也會帶來意想不到的好處。

一、基本認識

1、JavaScript

定義: 

        javaScript的簡寫形式就是JS,是由Netscape公司開發的一種腳本語言,一種廣泛用於客戶端Web開發的腳本語言,常用來給HTML網頁添加動態功能(其編寫的程序可以被嵌入到HTML或XML頁面中,並直接在浏覽器中解釋執行)。 

組成部分: 

             核心(ECMAScript)、文檔對象模型(Document Object Model,簡稱DOM)、浏覽器對象模型(Browser Object Model,簡稱BOM)

描述:

            Javascript就是適應動態網頁制作的需要而誕生的一種新的編程語言,如今越來越廣泛地使用於Internet網頁制作上。

            Javascript是由 Netscape公司開發的一種腳本語言(scripting language),或者稱為描述語言。在HTML基礎上,使用Javascript可以開發交互式Web網頁。

            Javascript的出現使得網頁和用戶之間實現了一種實時性的、動態的、交互性的關系,使網頁包含更多活躍的元素和更加精彩的內容。

            Javascript短小精悍,又是在客戶機上執行的,大大提高了網頁的浏覽速度和交互能力。同時它又是專門為制作Web網頁而量身定做的一種簡單的編程語言。

            主流的javaScript框架有:YUI ,Dojo,Prototype,jQuery...

2、Ajax

定義:

         AJAX即“Asynchronous JavaScript and XML”(異步JavaScript和XML),AJAX並非縮寫詞,而是由Jesse James Gaiiett創造的名詞,是指一種創建交互式網頁應用的網頁開發技術。 

        AJAX不是一個技術,它實際上是幾種技術,每種技術都有其獨特之處,合在一起就成了一個功能強大的新技術。

組成:

            基於XHTML和CSS標准的表示;

           使用Document Object Model進行動態顯示和交互;

           使用XML和XSLT做數據交互和操作; 

          使用XML HttpRequest與服務器進行異步通信;

           使用JavaScript綁定一切。

描述:

            Ajax是結合了Java技術、XML以及JavaScript等編程技術,可以讓開發人員構建基於Java技術的Web應用,並打破了使用頁面重載的管理。

           Ajax技術使用非同步的HTTP請求,在Browser和Web Server之間傳遞數據,使Browser只更新部分網頁內容而不重新載入整個網頁。

          Ajax是使用客戶端腳本與Web服務器交換數據的Web應用開發方法。這樣,Web頁面不用打斷交互流程進行重新加裁,就可以動態地更新。使用Ajax,用戶可以創建接近本地桌面應用的直接、高可用、更豐富、更動態的Web用戶界面。

3、jQuery

定義:

        jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX交互。

特點:

            輕量級、鏈式語法、CSS1-3選擇器、跨浏覽器、簡單、易擴展;

           jQuery是一種獨立於服務器端代碼的框架,獨立於ASP.NET或者JAVA;

           jQuery是當前很流行的一個JavaScript框架,使用類似於CSS的選擇器,可以方便的操作HTML元素,擁有很好的可擴展性,擁有不少插件。

描述:

            對於程序員來說,簡化javascript和ajax編程,能夠使程序員從設計和書寫繁雜的JS應用中解脫出來,將關注點轉向功能需求而非實現細節上,從而提高項目的開發速度。 

           對於用戶來說,改善了頁面的視覺效果,增強了與頁面的交互性,體驗更絢麗的網頁物資。

          javaScript框架實際上是一系列工具和函數。

二、三者的關系

        下面我用一張導圖來闡述這三者的關系: 

解釋:

         javaScript是用於Web客戶端開發的腳本語言,Ajax是基於JS語言,主要組合JS、CSS、XML三種技術的新技術,是用於創建交互式網頁應用的網頁開發技術。jQuery是JS的框架,基於JS語言,集合Ajax技術開發出來的JS庫,封裝JS和Ajax的功能,提供函數接口,大大簡化了Ajax,JS的操作。

以上內容是小編給大家分享的初步了解JavaScript,Ajax,jQuery,並比較三者關系,希望大家喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved