开发学院网页设计 JavaScript 利用免费JS框架构建强大web接口界面阅读

利用免费JS框架构建强大web接口界面

　2010-09-14 13:04:05　来源：WEB开发网　闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌ｉ弴鐐测偓鍦偓姘炬嫹

闂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘ｅ亾妤犵偛顦甸弫鎾绘偐閹绘帞鈧參姊哄Ч鍥х仼闁诲繑鑹鹃悾鐑藉蓟閵夛妇鍘甸梺瑙勵問閸犳牠銆傛總鍛婄厱閹艰揪绱曟牎闂侀潧娲ょ€氫即鐛幒妤€绠ｆ繝闈涘暙娴滈箖鏌ｉ姀鈶跺湱澹曟繝姘厵闁绘劦鍓氶悘杈ㄤ繆閹绘帞澧涚紒缁樼洴瀹曞崬螖閸愬啠鍓濈换娑樼暆婵犱胶鏁栫紓浣介哺閹瑰洤鐣烽幒鎴僵闁瑰吀鐒﹂悗鎼佹⒒娴ｇ儤鍤€闁搞倖鐗犻獮蹇涙晸閿燂拷

濠电姷鏁告慨鐑藉极閸涘﹥鍙忔い鎾卞灩缁狀垶鏌涢幇闈涙灈鐎瑰憡绻冮妵鍕箻鐎靛摜鐣奸梺纭咁潐濞茬喎顫忕紒妯肩懝闁逞屽墮宀ｈ儻顦查悡銈夋煏閸繃鍋繛宸簻鎯熼梺瀹犳〃閼冲爼宕濋敃鈧—鍐Χ閸℃鐟愰梺鐓庡暱閻栧ジ宕烘繝鍥у嵆闁靛骏绱曢崢顏堟⒑閹肩偛鍔楅柡鍛⊕缁傛帟顦寸紒杈ㄥ笚濞煎繘鍩℃担閿嬵潟闂備浇妗ㄩ悞锕傚箲閸ヮ剙鏋侀柟鍓х帛閺呮悂鏌ㄩ悤鍌涘闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌ｉ弴鐐测偓鍦偓姘炬嫹　　闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳氨绱撻崒娆掑厡缂侇噮鍨堕妴鍐川閺夋垹鍘洪悗骞垮劚椤︻垶宕￠幎鑺ョ厪闊洦娲栨牎闂佽瀵掗崜鐔奉潖閾忓湱纾兼俊顖氭惈椤矂姊虹拠鑼婵ǜ鍔戦崺鈧い鎺嶇閸ゎ剟鏌涢幘璺烘瀻妞ゎ偄绻愮叅妞ゅ繐瀚悗顓烆渻閵堝棙绀€闁瑰啿閰ｅ畷婊勫鐎涙ǚ鎷洪梻渚囧亞閸嬫盯鎳熼娑欐珷妞ゆ柨澧界壕鐓庮熆鐠虹尨鍔熺紒澶庢閳ь剚顔栭崰鏍€﹂柨瀣╃箚婵繂鐭堝Σ鐑芥⒑缁嬫鍎愰柟鐟版搐铻為柛鎰╁妷濡插牊绻涢崱妤冪婵炲牊锕㈠缁樻媴妞嬪簼瑕嗙紓鍌氱М閸嬫挻绻涚€涙ḿ鐭ら柛鎾跺枛瀹曟椽鍩€椤掍降浜滈柟鐑樺灥閳ь剙缍婂鎶筋敆閸曨剛鍘遍柣搴秵娴滅兘鐓鍌楀亾鐟欏嫭纾婚柛妤€鍟块锝夊磹閻曚焦鞋闂備礁鎼Λ瀵哥不閹捐钃熼柕濞炬櫆閸嬪棝鏌涚仦鍓р槈妞ゅ骏鎷�

核心提示：现今，随着web应用方面提供了日益丰富的免费工具、代码等，利用免费JS框架构建强大web接口界面，构建web应用已经变得越来越流行，一些资源已经被开发出来，srceffects.js：可视化效果库包含所有你需要添加到web应用的高价javascript新控件， srcscriptaculous.js：实现sciptac

现今，随着web应用方面提供了日益丰富的免费工具、代码等，构建web应用已经变得越来越流行。一些资源已经被开发出来，并经过测试，所以你可以用来快速地增加应用特性。一个典型的例子是script.aculo.us(或者scriptaculous)网站，该网站提供了用于构建强大web应用的javascript库，重要的是这些资源都是免费的。本周，我们将带你对该网站和它提供的资源进行亲密接触。

它是什么?

Scriptaculous是一种用于构建动态web 2.0接口的框架。它使用了另外一个称为prototype的免费框架。Scriptaculous简化了输入和输出以实现基于AJAX的web接口，允许你轻松地添加新的或传统的数据控件和工具用来和DOM及javaScript一起工作。

为什么使用它?

AJAX是一个重要的技术，但是构建基于AJAX的应用是件令人迷惑和费时的事情。Scriptsculous框架使得在应用中添加基于AJAX的特性更加容易可行，因为所有的开发和测试都已经完成，你可以将时间投入到更重要的任务中去。

开始使用

使用scriptaculous框架的第一步是下载和安装。下载的是一个压缩文件，该文件包含用于测试和演示的javascript文件和各种各样的HTML文件。Javascript源文件是最重要的，下面是各种源文件列表：

libprototype.js：用于原型javascript框架的源代码。

scrbulder.js：允许你轻松创建动态DOM对象。

srccontrols.js：包含和传统数据控件一起工作的核心组件。

srcdragdrop.js：提供使用传统数据控件实现拖放相关功能的代码。

srceffects.js：可视化效果库包含所有你需要添加到web应用的高价javascript新控件。 srcscriptaculous.js：实现sciptaculous框架的基代码库。

srcslider.js：提供实现滑动数据控件的代码。