• JavaScript、Ajax与jQuery的关系



    简单总结:
    1、JS是一门前端语言

    2、Ajax是一门技术。它提供了异步更新的机制。使用client与server间交换数据而非整个页面文档。实现页面的局部更新。
    3、jQuery是一个框架。它对JS进行了封装,使其更方便使用。jQuery使得JS与Ajax的使用更方便


    具体情况:

    Actually only one of them is a programming language.

    • Javascript is a programming language which is used mainly in webpages for making websites interactive. When a webpage is parsed by the browser, it creates an in-memory representation of the page. It is a tree structure, which contains all elements on the page. So there is a root element, which contains the head and the body elements, which contain other elements, which contain other elements. So it looks like a tree basically. Now with javascript you can manipulate elements in the page using this tree. You can pick elements by their id (getElementsById), or their tag name (getElementsByTagName), or by simply going through the tree (parentNode, firstChild, lastChild, nextSibling, previousSibling, etc.). Once you have element(s) to work with you can modify them by changing their look, content or position on the page. This interface is also known as the DOM(Document Object Model). So you can do everything with Javascript that another programming language can do, and by using it embedded into wepages you also get an in-memory Object of the current webpage by which you can make changes to the page interactively.

    • AJAX is a technique of communication between the browser and the server within a page. Chat is a good example. You write a message, send a message and recive other messages without leaving the page. You can manage this interaction with Javascript on the client side, using an XMLHTTP Object provided by the browser.

    • jQuery is a library which aims to simplify client side web development in general (the two other above). It creates a layer of abstracion so you can reuse common languages like CSS and HTML in Javascript. It also includes functions which can be used to communicate with servers very easily (AJAX). It is written in Javascript, and will not do everything for you, only makes common tasks easier. It also hides some of the misconceptions and bugs of browsers.

    To sum up:

    • Javascript is a programming language (objects, array, numbers, strings, calculations)
    • AJAX and jQuery uses Javascript
    • jQuery is for simplifing common tasks with AJAX and page manipulation (style, animation, etc.)

    Finally, an example just to see some syntax:

    // page manipulation in javascript
    var el = document.getElementById("box");
    el.style.backgroundColor = "#000";
    var new_el = document.createElement("div");
    el.innerHTML = "<p>some content</p>";
    el.appendChild(new_el);
    
    // and how you would do it in jQuery
    $("#box")
      .css({ "background-color": "#000" })
      .append("<div><p>some content</p></div>");
    






    1.javascript是一种在client运行的脚本语言。ajax是基于javascript的一种技术,它主要用途是提供异步刷新(仅仅刷新页面的一部分,而不是整个页面都刷新)。一个是语言,一个是技术,两者有本质差别.
    2.javascript是一种在浏览器端运行的脚本语言。Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术当中就包含javascript。

    3.[来自http://hi.baidu.com/849653727/item/cda3aa87bd2cebd4d1f8cd94]
    JavaScript能够做什么?
    用JavaScript能够做非常多事情。使网页更具交互性,给网站的用户提供更好,更令人兴奋的体验。

    JavaScript使你能够创建活跃的用户界面。当用户在页面间导航时向他们反馈。

    使用JavaScript来确保用户以表单形式输入有效的信息。这能够节省你的业务时间和开支。
    使用JavaScript,依据用户的操作能够创建定制的HTML页面

    JavaScript还能够处理表单。设置cookie,即时构建HTML页面以及创建基于Web的应用程序。

    JavaScript不能做什么?
    JavaScript是一种client语言。

    (实际上。也存有server端实现的JavaScript版本号)。也就是说,设计它的目的是在用户的机器上运行任务,而不是在server上。因此,JavaScript有一些固有的限制。这些限制主要出于例如以下安全原因:

    1.JavaScript不同意读写客户机器上的文件。这是有优点的,由于你肯定不希望网页能够读取自己硬盘上的文件。或者能够将病毒写入硬盘,或者能够操作你的计算机上的文件。唯一例外是,JavaScript能够写到浏览器的cookie文件,可是也有一些限制。

    2.JavaScript不同意写server机器上的文件。虽然写server上的文件在很多方面是非常方便的(比方存储页面PV数或用户填写表单的数据),可是JavaScript不同意这么做。相反,须要用server上的一个程序处理和存储这些数据。这个程序能够是Perl或者PHP等语言编写的CGI运行在server上的程序或者Java程序
    3.JavaScript不能关闭不是它自己打开的窗体。这是为了避免一个网站关闭其他不论什么网站的窗体,从而独占浏览器。
    4.JavaScript不能从来自还有一个server的已经打开的网页中读取信息。换句话说,网页不能读取已经打开的其他窗体中的信息。因此无法探查訪问这个网站冲浪者还在訪问其他哪些网站。
    Ajax是什么?
    Ajax是一种创建交互式web应用程序的方式。Ajax是ASynchronouS JavaScript and XML(异步JavaScript和xml)的缩写。这个词是由web开发者JeSSe JameS Garrett在2005年年初首创的。

    严格地说,Ajax仅仅是JavaScript的一小部分(虽然这一部分特别流行)。

    可是,随着频繁的使用,这个词不再指某种技术本身(比方Java或JavaScript)。

    在大多数情况下,Ajax通常是指以下这些技术的组合:
    XMTML;
    CSS(CaScading Style Sheet,层叠样式表);
    使用JavaScript訪问的DOM(Document Object Model,文档对象模型);
    XML,这是在server和client之间传输的数据格式;
    XMLHttpRequeSt,用来从server获取数据。

    Ajax的优点是:
    应用程序的大多数处理在用户的浏览器中发生,而且对server的数据请求往往非常短。所以能够使用Ajax建立功能丰富的应用程序。这些应用程序依赖基于web的数据,可是其性能远远超过老式的。由于老式方法要求server传回整个HTML页面来响应用户操作。

    一些公司已经在Ajax方面投入大量资金。尤其是Google。Google已经建立了几个著名的Ajax应用程序。包含Gmail(基于web的电子邮件)。Google calendar,Google docS和Google mapS。另外一个大型的Ajax支持者Yahoo!

    ,它使用Ajax增强个性化的MY Yahoo门户,Yahoo首页。Yahoo Mail,等等。这两家公司都向公众开放了其web应用程序的接口,人们能够使用这些程序会获得地图而且在地图上加上有意思。实用或者好玩的信息。比方洛杉矶地区全部日本餐馆的位置或者电影射鹏的位置。



    1、JavaScript

     

    • 定义

     

            javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于clientWeb开发的脚本语言,经常使用来给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与server进行异步通信;

     

               使用JavaScript绑定一切。

     

     

    • 描写叙述

     

                Ajax是结合了Java技术、XML以及JavaScript等编程技术。能够让开发者构建基于Java技术的Web应用。并打破了使用页面重载的管理。

     

               Ajax技术使用非同步的HTTP请求。在Browser和Web Server之间传递数据,使Browser仅仅更新部分网页内容而不又一次加载整个网页。

     

              Ajax是使用client脚本与Webserver交换数据的Web应用开发方法。这样,Web页面不用打断交互流程进行又一次加裁。就能够动态地更新。

    使用Ajax,用户能够创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

     

    3、jQuery

     

    • 定义

     

            jQuery是一个高速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,而且方便地为网站提供AJAX交互。

     

    • 特点

     

                轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展;

     

               jQuery是一种独立于server端代码的框架,独立于ASP.NET或者JAVA;

     

               jQuery是当前非常流行的一个JavaScript框架,使用类似于CSS的选择器。能够方便的操作HTML元素。拥有非常好的可扩展性,拥有不少插件。

     

    • 描写叙述

     

                对于程序猿来说,简化javascript和ajax编程,能够使程序猿从设计和书写繁杂的JS应用中解脱出来。将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。

     

               对于用户来说。改善了页面的视觉效果,增强了与页面的交互性。体验更绚丽的网页物资。

     

              javaScript框架实际上是一系列工具和函数。

     

    二、三者的关系

     

            以下我用一张导图来阐述这三者的关系:

     

     

    解释:

     

             javaScript是用于Webclient开发的脚本语言,Ajax是基于JS语言,主要组合JS、CSS、XML三种技术的新技术,是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架。基于JS语言,集合Ajax技术开发出来的JS库,封装JS和Ajax的功能。提供函数接口,大大简化了Ajax,JS的操作。


    简单总结:
    1、JS是一门前端语言。
    2、Ajax是一门技术。它提供了异步更新的机制,使用client与server间交换数据而非整个页面文档,实现页面的局部更新。

    3、jQuery是一个框架。它对JS进行了封装。使其更方便使用。jQuery使得JS与Ajax的使用更方便


    具体情况:

    Actually only one of them is a programming language.

    • Javascript is a programming language which is used mainly in webpages for making websites interactive. When a webpage is parsed by the browser, it creates an in-memory representation of the page. It is a tree structure, which contains all elements on the page. So there is a root element, which contains the head and the body elements, which contain other elements, which contain other elements. So it looks like a tree basically. Now with javascript you can manipulate elements in the page using this tree. You can pick elements by their id (getElementsById), or their tag name (getElementsByTagName), or by simply going through the tree (parentNode, firstChild, lastChild, nextSibling, previousSibling, etc.). Once you have element(s) to work with you can modify them by changing their look, content or position on the page. This interface is also known as the DOM(Document Object Model). So you can do everything with Javascript that another programming language can do, and by using it embedded into wepages you also get an in-memory Object of the current webpage by which you can make changes to the page interactively.

    • AJAX is a technique of communication between the browser and the server within a page. Chat is a good example. You write a message, send a message and recive other messages without leaving the page. You can manage this interaction with Javascript on the client side, using an XMLHTTP Object provided by the browser.

    • jQuery is a library which aims to simplify client side web development in general (the two other above). It creates a layer of abstracion so you can reuse common languages like CSS and HTML in Javascript. It also includes functions which can be used to communicate with servers very easily (AJAX). It is written in Javascript, and will not do everything for you, only makes common tasks easier. It also hides some of the misconceptions and bugs of browsers.

    To sum up:

    • Javascript is a programming language (objects, array, numbers, strings, calculations)
    • AJAX and jQuery uses Javascript
    • jQuery is for simplifing common tasks with AJAX and page manipulation (style, animation, etc.)

    Finally, an example just to see some syntax:

    // page manipulation in javascript
    var el = document.getElementById("box");
    el.style.backgroundColor = "#000";
    var new_el = document.createElement("div");
    el.innerHTML = "<p>some content</p>";
    el.appendChild(new_el);
    
    // and how you would do it in jQuery
    $("#box")
      .css({ "background-color": "#000" })
      .append("<div><p>some content</p></div>");
    






    1.javascript是一种在client运行的脚本语言。

    ajax是基于javascript的一种技术。它主要用途是提供异步刷新(仅仅刷新页面的一部分,而不是整个页面都刷新)。

    一个是语言,一个是技术,两者有本质差别.

    2.javascript是一种在浏览器端运行的脚本语言。Ajax是一种创建交互式网页应用的开发技术 。它是利用了一系列相关的技术当中就包含javascript。
    3.[来自http://hi.baidu.com/849653727/item/cda3aa87bd2cebd4d1f8cd94]
    JavaScript能够做什么?
    用JavaScript能够做非常多事情,使网页更具交互性。给网站的用户提供更好,更令人兴奋的体验。JavaScript使你能够创建活跃的用户界面。当用户在页面间导航时向他们反馈。
    使用JavaScript来确保用户以表单形式输入有效的信息。这能够节省你的业务时间和开支。
    使用JavaScript,依据用户的操作能够创建定制的HTML页面
    JavaScript还能够处理表单,设置cookie,即时构建HTML页面以及创建基于Web的应用程序。
    JavaScript不能做什么?
    JavaScript是一种client语言。(实际上。也存有server端实现的JavaScript版本号)。也就是说。设计它的目的是在用户的机器上运行任务。而不是在server上。因此,JavaScript有一些固有的限制,这些限制主要出于例如以下安全原因:
    1.JavaScript不同意读写客户机器上的文件。这是有优点的,由于你肯定不希望网页能够读取自己硬盘上的文件,或者能够将病毒写入硬盘。或者能够操作你的计算机上的文件。唯一例外是。JavaScript能够写到浏览器的cookie文件。可是也有一些限制。
    2.JavaScript不同意写server机器上的文件。虽然写server上的文件在很多方面是非常方便的(比方存储页面PV数或用户填写表单的数据)。可是JavaScript不同意这么做。

    相反。须要用server上的一个程序处理和存储这些数据。这个程序能够是Perl或者PHP等语言编写的CGI运行在server上的程序或者Java程序

    3.JavaScript不能关闭不是它自己打开的窗体。这是为了避免一个网站关闭其他不论什么网站的窗体,从而独占浏览器。
    4.JavaScript不能从来自还有一个server的已经打开的网页中读取信息。

    换句话说。网页不能读取已经打开的其他窗体中的信息,因此无法探查訪问这个网站冲浪者还在訪问其他哪些网站。

    Ajax是什么?
    Ajax是一种创建交互式web应用程序的方式。Ajax是ASynchronouS JavaScript and XML(异步JavaScript和xml)的缩写,这个词是由web开发者JeSSe JameS Garrett在2005年年初首创的。

    严格地说。Ajax仅仅是JavaScript的一小部分(虽然这一部分特别流行)。可是,随着频繁的使用,这个词不再指某种技术本身(比方Java或JavaScript)。

    在大多数情况下。Ajax通常是指以下这些技术的组合:
    XMTML。
    CSS(CaScading Style Sheet。层叠样式表)。
    使用JavaScript訪问的DOM(Document Object Model,文档对象模型)。
    XML,这是在server和client之间传输的数据格式;
    XMLHttpRequeSt,用来从server获取数据。

    Ajax的优点是:
    应用程序的大多数处理在用户的浏览器中发生,而且对server的数据请求往往非常短。所以能够使用Ajax建立功能丰富的应用程序,这些应用程序依赖基于web的数据。可是其性能远远超过老式的。由于老式方法要求server传回整个HTML页面来响应用户操作。
    一些公司已经在Ajax方面投入大量资金,尤其是Google。Google已经建立了几个著名的Ajax应用程序。包含Gmail(基于web的电子邮件),Google calendar。Google docS和Google mapS。另外一个大型的Ajax支持者Yahoo!

    。它使用Ajax增强个性化的MY Yahoo门户,Yahoo首页。Yahoo Mail,等等。

    这两家公司都向公众开放了其web应用程序的接口。人们能够使用这些程序会获得地图而且在地图上加上有意思。实用或者好玩的信息,比方洛杉矶地区全部日本餐馆的位置或者电影射鹏的位置。



    1、JavaScript

     

    • 定义

     

            javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于clientWeb开发的脚本语言,经常使用来给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与server进行异步通信。

     

               使用JavaScript绑定一切。

     

     

    • 描写叙述

     

                Ajax是结合了Java技术、XML以及JavaScript等编程技术。能够让开发者构建基于Java技术的Web应用,并打破了使用页面重载的管理。

     

               Ajax技术使用非同步的HTTP请求,在Browser和Web Server之间传递数据。使Browser仅仅更新部分网页内容而不又一次加载整个网页。

     

              Ajax是使用client脚本与Webserver交换数据的Web应用开发方法。

    这样,Web页面不用打断交互流程进行又一次加裁,就能够动态地更新。使用Ajax,用户能够创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

     

    3、jQuery

     

    • 定义

     

            jQuery是一个高速的。简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果。而且方便地为网站提供AJAX交互。

     

    • 特点

     

                轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展;

     

               jQuery是一种独立于server端代码的框架。独立于ASP.NET或者JAVA。

     

               jQuery是当前非常流行的一个JavaScript框架,使用类似于CSS的选择器,能够方便的操作HTML元素。拥有非常好的可扩展性,拥有不少插件。

     

    • 描写叙述

     

                对于程序猿来说,简化javascript和ajax编程。能够使程序猿从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上。从而提高项目的开发速度。

     

               对于用户来说。改善了页面的视觉效果,增强了与页面的交互性。体验更绚丽的网页物资。

     

              javaScript框架实际上是一系列工具和函数。

     

    二、三者的关系

     

            以下我用一张导图来阐述这三者的关系:

     

     

    解释:

     

             javaScript是用于Webclient开发的脚本语言,Ajax是基于JS语言。主要组合JS、CSS、XML三种技术的新技术,是用于创建交互式网页应用的网页开发技术。

    jQuery是JS的框架,基于JS语言。集合Ajax技术开发出来的JS库。封装JS和Ajax的功能。提供函数接口。大大简化了Ajax。JS的操作。

  • 相关阅读:
    插入排序
    dojo树的节点添加链接的例子
    Discuz 3x 配置问题
    mysql_connect() 不支持 请检查 mysql 模块是否正确加载
    IIS访问php页面问题,报告404错误
    Map使用操作系统内存的情况
    IT级别
    java类型和mysql类型的转换
    C++析构函数的自动调用问题
    c++中虚函数
  • 原文地址:https://www.cnblogs.com/zsychanpin/p/7061740.html
Copyright © 2020-2023  润新知