木子屋 Dnawo's BLOG

分类:脚本语言

共 349 篇

EasyUI插件:DataGrid数据编辑示例

说明:经测试,endEdit、cancelEdit会触发formatter,beginEdit不触发formatter,所以在编辑时先调用一次cancelEdit来触发formatter。 效果预览:

EasyUI插件:DataGrid简单示例

本示例实现了服务器端获取数据,搜索、排序和分页等功能。 获取数据(data.ashx): 效果预览: 补充说明 toolbar高级定制: 资源链接 .EasyUI官方:http://www.jeasyui.com/

<script type="text/html"></script>使用一例

假如有一段html需在页面加载完成后再显示,我们可能会这么做: 这样在js中夹杂了html,不易阅读,我们一直力求代码分离,js和html也应要分离,所以就出场了: 它既解决了html模板存放和显示问题,又解决了js和html代码分离问题,可谓一举多得。当然了,你不一定非得用script,下边代码可实现同样效果:

window.location.hash在Ajax页面中的作用

众所周知,Ajax页面的特点是用一个页面来处理所有的事务,页面无需刷新,虽然这样提高了用户体验,但却存在以下不足: ·用户不能添加收藏喜欢的页面; ·导致浏览器前进、后退按钮失效; 使用window.location.hash(锚点)能很好的解决上边两个问题,下边是一个简单的示例: 参考资料 .从QQ密码修改的小问题回顾下URL Fragment:http://www.cnblogs.com/chyingp/archive/2013/03/31/url-fragment.html .window.location.hash属性介绍:http://www.cnblogs.com/china-aspx/archive/2008/04/20/1162597.html

jQuery事件绑定方法bind、 live、delegate和on的区别

我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效的呢? 1.准备知识 当我们在开始的时候,有些知识是必须具备的: 1).DOM树 下图仅仅是一个示例,这是一个在browser环境下的一棵模拟DOM树,在下面的代码中仅起到演示的作用: 2).Event bubbling (aka event propagation)冒泡 我们的页面可以理解为一棵DOM树,当我们在叶子结点上做什么事情的时候(如click一个a元素),如果我们不人为的设置stopPropagation(Moder Browser), cancelBubble(IE),那么它的所有父元素,祖宗元素都会受之影响,它们上面绑定的事件也会产生作用。看一个示例:…

jQuery判断对象是否存在

受js影响,在jq中我习惯性用下边语句判断对象是否存在: 实际上,无论对象是否存在,$("#eid")的结果都是一个object,所以$("#eid")==true,正确的判断方法应是: 最后用一个例子证明: 输出结果: not found. found. not found.

GreaseMonkey脚本:新浪微博搜索关键词订阅辅助工具

新浪微博搜索订阅只是基于关键词本身,对于高级搜索中的设置的条件(如排序、类型、昵称、时间和地点)无法一起订阅,本工具正是为了解决这个问题而产生。由于将订阅条件保存在客户端cookie中,所以目前存在以下限制: ·客户端浏览器必须允许写入cooike; ·订阅条件不能跨机使用,在另一台机器上需重新订阅; ·同一台机子多个微博帐号订阅同一个关键词时会有问题; 一、脚本安装 脚本地址:http://www.mzwu.com/pic/201303/weibo-search-keyword-assistant.user.js 二、效果预览

jQuery操作radio、checkbox和select示例

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>jQuery操作radio、checkbox和select示例</title> </head> <body> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.…

jQuery插件:Validation中success和submitHandler两个方法的区别

Validation插件success和submitHandler两个方法区别 success:当表单元素验证成功时执行,对于同一个表单元素,由于onkeyup、onfocusout、onsubmit等事件都会触发验证,所以本方法可能会多次执行; submitHandler:当表单验证成功并提交时执行,存在此方法时表单只能在此方法内部执行form.submit()才能提交,可理解成它替代了表单的onsubmit方法;