JavaScript框架是什么?怎样才能叫做框架?

   这篇文章主要介绍了JavaScript框架是什么?怎样才能叫做框架?,本文讲解了什么是 JavaScript 框架、JavaScript 框架的典型特性等内容,需要的朋友可以参考下

  刚初学js时,总会听到关于框架的一些事情。等学完JQ后我才知道什么是框架。一下是转载的一篇文章,希望对还迷茫的童鞋们有点帮助。

  什么是 JavaScript 框架?

  JavaScript 本身就是一种功能强大的语言,您不需要额外的框架就可创建富互联网应用程序(RIA)。然而使用 JavaScript 并不是件容易的事,主要是由于支持多个 Web 浏览器产生的复杂性。与 HTML 和 CSS一样,不同的浏览器有不同的 JavaScript 实现。让 JavaScript 代码实现跨浏览器兼容简直是个噩梦。

  JavaScript 框架或库是一组能轻松生成跨浏览器兼容的 JavaScript 代码的工具和函数。每一个库都在众多流行的 Web 浏览器的现代版本上进行了可靠的测试,因此,您可以放心地使用这些框架,您的基于 JavaScript 的 RIA 将会在不同浏览器和平台上以类似的方式工作。

  除了解决跨浏览器问题,使用 JavaScript 框架可以更容易地编写检索、遍历、操作 DOM 元素的代码。它们不仅提供获取 DOM 元素引用的快捷函数,而且还允许 DOM 遍历函数以菊花链(daisy-chaining)方式查找任意深度的父元素、子元素、兄弟元素。最后,框架还提供一系列函数来更轻松地操作这些对象,可以改变、添加或删除内容本身;或者使用 CSS 样式类来改变元素的外观。

  框架的另一重要特性是其改进的事件处理支持。由于不同浏览器的实现方式各不相同,跨浏览器事件处理将会非常艰难。因此 JavaScript 框架通常封装浏览器事件,并提供一组有用的跨浏览器兼容的函数来进行处理。有些框架还会提供一组标准键盘代码来表示基于键盘的事件(如按下 Escape 键、Return 键、光标键,等等)。

  所有这些特性都非常有用,但 JavaScript 框架有一个特性对于它最近的流行非常重要 — 支持 Ajax。与 JavaScript 的其他许多方面一样,每个 Web 浏览器往往以不同方式支持 Ajax,这使得以一种在所有 Web 浏览器中都受支持的方式处理 Ajax 变得十分复杂。几乎所有 JavaScript 框架都包含某种形式的 Ajax 库支持,通常提供 Ajax 请求和响应对象,以及用于评价响应、更新 DOM 元素、查询特定请求的帮助函数(helper)。

  JavaScript 框架的典型特性

  现在,让我们看一看大多数 JavaScript 框架都具备的有用特性。包括:

  1.选择器(Selector)

  2.DOM 遍历

  3.DOM 操作

  4.实用(Utility)函数

  5.事件处理Ajax

  在解释每个特性时,我将会用以下的一个或几个 JavaScript 框架举例说明:Prototype、jQuery、YUI、ExtJS 和 MooTools。尽管每个框架的实现和语法都各不相同,但概念都是相同的。每个框架都有一个详细的 API 参考,可帮助您理解如何使用该特定库中的特性。

时间: 2024-09-14 02:09:04

JavaScript框架是什么?怎样才能叫做框架?的相关文章

JavaScript框架是什么?怎样才能叫做框架?_javascript技巧

刚初学js时,总会听到关于框架的一些事情.等学完JQ后我才知道什么是框架.一下是转载的一篇文章,希望对还迷茫的童鞋们有点帮助. 什么是 JavaScript 框架? JavaScript 本身就是一种功能强大的语言,您不需要额外的框架就可创建富互联网应用程序(RIA).然而使用 JavaScript 并不是件容易的事,主要是由于支持多个 Web 浏览器产生的复杂性.与 HTML 和 CSS一样,不同的浏览器有不同的 JavaScript 实现.让 JavaScript 代码实现跨浏览器兼容简直是

JavaScript实现防止网页被嵌入Frame框架的代码分享_javascript技巧

最近,国内开始流行另一种流氓行为:使用框架(Frame),将你的网页嵌入它的网页中. 比如,有一家网站号称自己是"口碑聚合门户",提供全国各个网上论坛的精华内容.但是,其实它就是用框架抓取他人的网页,然后在上面加上自己的广告和站标,这同盗版书商有何不同?! 防止方法,在 复制代码 代码如下: </body> 之前加入这段代码: 复制代码 代码如下: <script type="text/javascript">  if ( top.locat

Entity Framework 实体框架的形成之旅--实体框架的开发的几个经验总结

在前阵子,我对实体框架进行了一定的研究,然后把整个学习的过程开了一个系列,以逐步深入的方式解读实体框架的相关技术,期间每每碰到一些新的问题需要潜入研究.本文继续前面的主题介绍,着重从整体性的来总结一下实体框架的一些方面,希望针对这些实际问题,和大家进行学习交流. 我的整个实体框架的学习和研究,是以我的Winform框架顺利升级到这个实体框架基础上为一个阶段终结,这个阶段事情很多,从开始客运联网售票的WebAPI平台的开发,到微软实体框架的深入研究,以及<基于Metronic的Bootstrap开

javascript做计算器-用javascript做一个计算器怎样才能让数字按键上的数字显示在上面的文本框中

问题描述 用javascript做一个计算器怎样才能让数字按键上的数字显示在上面的文本框中 用javascript做一个计算器怎样才能让数字按键上的数字显示在上面的文本框中 解决方案 参考这个完整的例子 <html> <head> <title>JS版计算器</title> <link rel="stylesheet" type="text/css" href=""> <meta

请问!在.net里可以用框架吗?就像asp框架一样?

问题描述 请问!在.net里可以用框架吗?就像asp框架一样?谢谢! 解决方案 解决方案二:当然可以了,不过在源文件里第一行要写<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">这样才符合规范.另外只能在VS2005源视图里编辑.

表现层框架之争 JSF与Struts框架的异同

js Struts和JSF/Tapestry都属于表现层框架,这两种分属不同性质的框架,后者是一种事件驱动型的组件模型,而Struts只是单纯的MVC模式框架,我们下面进行详细分析比较. 首先事件是指从客户端页面(浏览器)由用户操作触发的事件,Struts使用Action来接受浏览器表单提交的事件,这里使用了Command模式,每个继承Action的子类都必须实现一个方法execute. 在struts中,实际是一个表单Form对应一个Action类(或DispatchAction),换一句话说

js iframe框架页面跳转(跳出父框架)

常用的iframe操作语句 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 通过javascript从 框架页 向 父框架 parent.location.href="index.asp"; or top.location.href="i

ssh框架-关于学习与使用SSH框架的书

问题描述 关于学习与使用SSH框架的书 求大神推荐一本关于SSH框架的书,谢谢.最好是对于学习与工作上的使用都有很好帮助的书. 解决方案 ssh 解决方案二: 几年前的一篇博客文章.看看有帮助没.SSH框架搭建

框架 ui-windows biometric frameworkWBF生物识别框架编程谁懂吗

问题描述 windows biometric frameworkWBF生物识别框架编程谁懂吗 请问怎么利用WBF生物识别框架的sdk 和UI编程啊 谁可以给我指导一下,我要用WBF的框架和UI做一个指纹向导,,感激不尽