首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

软件资讯设计 工具 系统 开发 安全 办公 陶吧 IT教育 Windows 7 | 下载中心天极下载中心诚征下载通路合作伙伴
天极网 > 软件频道 > 网页陶吧>利用免费JS框架构建强大web接口界面

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

2007-02-13 09:14作者:龙犊出处:蓝色理想责任编辑:龙犊

  使用它

  一旦你已经下载并安装了框架,就可以在网页中轻松使用它。第一步是在网页的头部连接到javascript源文件,见列表A。

  可以通过HTML标记来访问框架提供的各种函数。查看安装在框架中的一个示例文件你可以获得更好的理解。作为一个示例,我选择默认安装时testfunctional目录下的slider.html文件来说明,该文件的完整内容太大,,所以不能全部在这里列出,但是我们可以查看在一个页面上加载一个滑动控件的一部分。标准水平滑动控件为:

以下是引用片段:
<script type="text/javascript">
// <![CDATA[
new Control.Slider('handle1','track1',{
sliderValue:0.5,
onSlide:function(v){$('debug1').innerHTML='slide: '+v},
onChange:function(v){$('debug1').innerHTML='changed! '+v}});
// ]]>
</script>

  使用CDATA部分回避当在javascript中使用诸如<和>字符时面对的问题。代码用来创建一个新的滑动控件(通过控件类)并设置它的初始位置及添加滑动块句柄和改变事件。同时,框架函数可以通过单击事件轻松使用。

  文档化

  很多免费工具的一个缺陷是缺乏文档和示例。Scriptaculous框架通过它的wiki提供大量示例代码和简单文档。此外,一个快速Google搜索引擎域会更有帮助。一个很好的例子是各种各样的样式表可用来快速引用使用框架的表。

  在test目录下的functional子目录中框架包含大量示例集,你可以更仔细地分析test文件,这样会对如何在web应用中使用框架函数有更好的理解。此外,scriptaculous网站的示例部分提供了大量的例子。

  许可问题

  使用免费或第三方工具的另一个问题是在商业产品中使用它们,这通常涉及到许可问题,但是使用这一工具不涉及此问题。简单说就是,你可以免费在任何地方使用scriptaculous框架,只要你的版权声明中没有删除javascript源代码文件。

  谁使用它?

  在网络中有大量的免费工具和库文件,你可以通过核查使用它们的用户和如何使用,以了解工具的可用性。Scriptaculous框架目前被各个网站以各种方式来使用,这些网站包括:Apple、The Globe and Mail newspaper、NBC News和Basecamp。

  起点

  当用户的期望增加时,项目开发时间继续在缩短,但是免费工具和框架使得添加新特性的应用变得更容易。Scriptaculous是一个使用框架的很好的例子,它允许简单的添加强大的基于AJAX用户接口特性到web 2.0应用中。在下周的文章中我会提供更多的使用示例。


  阅读关于 免费 JS 框架 web 接口 界面 的全部文章 热卖推荐: 手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑

关注此文的读者还看过:

返回网页陶吧首页

共2页。 上一页12

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

软件下载

热门
推荐

网友关注

软件
资料
游戏

装机推荐

文章排行

本周
本月
最新更新
天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
Copyright (C) 1999-2012 Yesky.com, All Rights Reserved 版权所有 天极网络