文章标签 ‘JavaScript’

[转载]11 个最常用的 AJAX 开发框架汇总_IT新闻_博客园.   AJAX(Asynchronous JavaScript and XML,异步 JavaScript 和 XML),是创建交互式 Web 应用的主要开发技术。互联网中也有大量的关于 AJAX 的框架,本文汇总了最常用的 11 个框架。 1.   jQuery JQuery 是一个轻量级的 JavaScript 库,兼容 CSS3,还兼容各种浏览器。JQuery 使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 2.   MooTools MooTools 是一个简洁、模块化、面向对象的 JavaScript 库。它能够帮助你更快、更简单地编写可扩展和兼容性强的 JavaScript 代码。Mootools 跟 prototypejs 相类似,语法几乎一样。但它提供的功能要比 prototypejs 多,而且更强大。比如增加了动画特效、拖放操作等等。 3.   Prototype Prototype 是 Sam Stephenson 写的一个非常优雅的 JavaScript 基础类库,对 JavaScript [...]

2012年5月19日14:14 没有评论

[转载]JavaScript倒计时跳转或后退 – 前端组qianduanzu.com – 博客园. 有的时候用户访问到一个错误或不可访问的页面,我们可以做一些这样的处理:倒计时N秒跳转到另一个页面或后退到前一个页面。 你可直接前往DEMO页看效果! 这种效果可以用JavaScript实现: HTML <p> <span id="timer"></span> 秒后自动返回 <a href="http://www.qianduanzu.com/">直接跳转</a> </p> JavaScript window.onload = function(){ var time = 3; //设置时间为几秒 var timer = document.getElementById(‘timer’); //获取ID为timer的对象 timer.innerHTML = time; //初始化显示秒数 time = time – 1; var g = window.setInterval(function(){ if(time<0){ window.clearTimeout(g); //清除动画 window.location.href = ‘http://www.qianduanzu.com/’; //跳转到指定地址 //window.history.back(-1); //后退 } else { [...]

2012年5月17日13:34 没有评论

[转载]JS单元测试工具Qunit – 前端组qianduanzu.com – 博客园. 随着html5的普及和客户端脚本引擎的强大,之前由后端进行的页面渲染和部分业务逻辑逐渐移至到前端,照成前端逻辑和代码迅速复杂 化。如果没有一款合适的单元测试工具保证前端单元模块的正确功能,对后期的代码调试和维护会造成很大的麻烦,今天就介绍一款单元测试框架 — Qunit Qunit刚开始属于JQuery项目,专门用于测试JQuery单元模块。现在已经从jQuery项目中独立出来,你可以在https://github.com/jquery/qunit下载到最新版的Qunit,解压后里面有很多目录,对我们有用的其实只有qunit目录下的qunit.js和qunit.css。   下面来个简单的示例: 新建一个html文档,贴入以下代码: <!– 这里引用的是jQuery官网上的Qunit,项目中为了加快下载可以放到本地 –> <script type="text/JavaScript" src="http://code.jquery.com/qunit/git/qunit.js"></script> <h1 id="qunit-header">QUnit example</h1> &nbsp; &nbsp; <h2 id="qunit-banner"></h2> &nbsp; <div id="qunit-testrunner-toolbar"></div> &nbsp; <h2 id="qunit-userAgent"></h2> &nbsp; &nbsp; <div id="qunit-fixture">test markup, will be hidden</div> <script type="text/JavaScript">// <![CDATA[ test("a basic test example", function () { ok(true, "this test is fine"); [...]

2012年5月7日09:57 没有评论

[转载]Jeditable – jQuery就地编辑插件使用 – 孟晨 – 博客园. jeditable是一个JQuery插件,它的优点是可以就地编辑,并且提交到服务器处理,是一个不可多得的就地编辑插件。(注: 就地编辑,也有称即时编辑?一般的流程是这样的,当用户点击网页上的文字时,该文字就会出现在一个编辑框中,用户对文字进行修改完成后点击提交按钮,新的文本将发送到服务器上,然后表单消失,显示最新编辑的文本。),你可以通过这个演示页面来亲自体验下。 官网:http://www.appelsiini.net/projects/jeditable 基本的使用方法如下: 首先编辑一个 html 文件,包含这么一段: <div class=”edit” id=”div_1″>Dolor</div> <div class=”edit_area” id=”div_2″>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> 然后我们使用如下的 JS 代码来实现即时编辑(要先引入 Jeditable 插件): $(document).ready(function() { $(‘.edit’).editable(‘http://www.example.com/save.php’); });   实现不同内容的编辑以及更多的定制项: $(document).ready(function() { $(‘.edit’).editable(‘http://www.example.com/save.php’, { indicator [...]

2012年5月3日16:29 评论关闭

[转载]jQuery.EasyUI-1.2.6 API chm 格式 下载! – 疯狂秀才 – 博客园. 当前版本的更新内容如下:疯狂秀才 QQ:1055818239 Blog:http://hxling.cnblogs.com   ChangeLog   Bug 疯狂秀才 QQ:1055818239 Blog:http://hxling.cnblogs.com   tabs: Call ‘add’ method with ‘selected:false’ option, the added tab panel is always selected. fixed. treegrid: The ‘onSelect’ and ‘onUnselect’ events can’t be triggered. fixed. treegrid: Cannot display zero value field. fixed.   Improvement   [...]

2012年4月21日17:32 评论关闭
备案信息:冀ICP备10007948号