随笔分类 - JavaScript
JavaScript
摘要：参考资料：https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest#Using_FormData_objectsFormData,你可以把他当成一个form表单。用ajax的 send(formdata)。就可以发送这个表单。你想到了什么？可以发送file域吗？ 答案：可以凡事form表单可以做的事情，他都可以干了。唯一的方法：.append(String, [String,Number,File]);详细信息可以参考上面的资料！用他来上传图片，简直爽到极点了，目前支持 firefox chrome。下面的代码来之
阅读全文
摘要：先看事例，根据下面的HTML和后端接口来更新界面。HTML:<ul> <li>用户名：<span id="userName"></span></li> <li>昵称：<span id="loveName"></span></li> <li>生日：<span id="birthday"></span></li></ul><input type="butto
阅读全文
摘要：前几天项目有个功能，必须使用js去调用flash的方法，来改变flash的内部状态。其他浏览器都挺好,唯独IE6-8会出现问题。使用下面代码(用js调用flash的func方法并传递一个数字)！ function callFlash (index){ // 这里使用了jquery浏览器检查 var flash = $.browser.msie&&$.browser.version!=="9.0" ? window["magic"] : document["magic"]; //flash.func func是flash
阅读全文
摘要：File and FileReaderFile FileReader 可以干什么？ Ajax文件上传例子 FileReader 对象可以读取文件的 Base64编码数据（readAsDataURL），2进制字符串（readAsBinaryString），文本（readAsText）并且都是异步的。 对了，Email拖拽附件上传就可以利用 FileReader 配合 Ajax 完成。File 对象 File对象可以从 input[type=file].files 数组，和拖拽事件 event.dataTransfer.files 中获取到。 第一张图是 Chrome 下的 File 对象，第2个
阅读全文
摘要：在很久很久以前，我写过一次自定义动画的实现，现在看起来已经比较烂了，所以最近又重写了。其实下面的源码也挺简单。所以我不再详细说明。欢迎高手指正。 如果你有兴趣可以下载。 不对我应该还有一个问题，比如我使用jQuery 貌似不能正确获得 borderWidth。如果要进行边框宽度的变化无法得到初始值，也就没办法正确执行了。 你可以试试如何可以获得borderWidth正确的值。希望你不吝赐教(我后面自己测试只能同时获取一边的宽度 border-right-width，border-left-width,..) /* * space 命名空间 * win window 对象 * undef un.
阅读全文
摘要：说明写这个主要是为了锻炼自己，并无实际意义。每个浏览器测试得出的数据会不一样。比如我用chrome 测试 一般快速排序都会最快，IE 则根据数组长度有可能希尔最快。不要用太大数据去测试冒泡排序(浏览器崩溃了我不管)如果有兴趣可以 在线排序动画 下载测试页面个人理解冒泡排序：最简单，也最慢，貌似长度小于7最优插入排序：比冒泡快，比快速排序和希尔排序慢，较小数据有优势快速排序：这是一个非常快的排序方式，V8的sort方法就使用快速排序和插入排序的结合希尔排序：在非chrome下数组长度小于1000，希尔排序比快速更快系统方法：在forfox下系统的这个方法非常快// ---------- 一些排序
阅读全文
摘要：第一个版本：http://www.cnblogs.com/idche/archive/2010/09/17/ljtips.html第二个版本：http://www.cnblogs.com/idche/archive/2010/12/17/1909490.html下载链接Stip说明。 Stip是一个简单的提示组建，我期望它可以把表单验证变得简单。 简单，小巧，灵活。演示地址：http://jun-lu.github.com/Stip/doc/index.html3.0 更新说明 1: 添加静态Stip.config.conteng配置，这里你可以全局配置它成为...
阅读全文
摘要：原文地址：博客园IDCHE很久以前写个这东西还很吃力。现在也变得那么容易了。进步了呵呵。仅仅是用博客记录一下。 123451----------------------------------------------------------------------------------------------------[代码]
阅读全文
摘要：简单提示框插件 Stip 插件主要用于表单验证提示，页面信息提示等。 第一个版本地址：第一个版本 当前第2个版本：下载地址 第一个版本可以平滑升级到第二个版本(按照命名空间配置修改)。API完全兼容。 更新说明使用伪类进行代码重构(节约资源)添加高级配置(可定制个性化Stip,)添加kind参数去掉了clear参数修正前一个版本的一些BUG演示使用场景 表单验证 页面提示 页面提示 Stip 使用说明Stip 使用说明 参数返回值方法说明Stip()String | elementObject返回tips对象,包含.show 和.hide()方法显示和隐藏 .show()JSON or
阅读全文
摘要：从gmail 的附件拖拽上传，到网易邮箱的拖拽上传，我们看到了html 5 为我们带来了新的web体验。腾讯微博也已近实现了拖拽上传。其实很简单。由于没有服务器支持在文章里不能做上传演示，下载实例本文源地址：博客园idche拖拽上传需要什么支持1:需要浏览器支持 drop 事件。(响应拖拽事件获取file对象);2:XMLHttpRequest 对象有 sendAsBinary 方法(用于发送数据...
阅读全文
摘要：请使用下面的btn操作。虽然你现在看来没什么用，当要用的时候又到处找资料，还不如现在收集一下。abcdefghijklmnopqrstuvwxyz在DOM里面操作textarea里面的字符，是比较麻烦的。于是我有这个封装分享给大家，测试过IE6,8, firefox ,chrome, opera , safari。兼容没问题。注意：在firefox下 添加字符串的时候有个bug 就是scrollT...
阅读全文
摘要：首先页面上有一个 textarea id="test"/textarea我们为其绑定以下事件 我们分别注释掉其中的两个事件，每次测试仅绑定一个事件。 很明显我们每个函数都返回false,如果返回值可以阻止事件默认动作，那么文本框将无法输入任何内容。 看下面我测试的结果，注意红的部分。 最后我分别把事件绑定两次，每次返回false看是否能阻止默认动作。 还是用了一个a标记测试onclick 返回false 是否跳转。侦听事件返回 false 是否阻止事件默认动作 chromeIE-8firfoxoperSafarionkeydownyesyesyesnoyesonkeyupnonono
阅读全文
摘要：想@到谁? 至少有3处BUG，建议不要使用这段程序相信你老早就在腾讯或者新浪的微博上体验到@符号的魅力了这里有一个简单的实现，浏览器兼容还好。下载演示文件实现思路我们可以用onkeyup事件监测文本框是否输入了一个@符号，如果输入了就找到@符号在页面上的绝对位置，弹出选择框。在操作textarea的时候光标的绝对位置是个麻烦事。如何获取textarea 里的光标的位置？请结合图片看下面的实现方法。A:是一个textareaB:当前光标位置首先在页面创建一个(C)具有 visibility:hidden;(占位但是不显示) 属性的DIV。他的位置、宽度、高度与A文本框一样（这意味着C现在与A已.
阅读全文
摘要：这个月都还没。必须要凑数。网站登录为了更好的用户体验都会在输入密码的时候检测是否开启大写。提醒用户。在下面的 input框里测试下吧！这段代码来之 <点我>。不过我做了一点小改进。主要对 已经激活input框的 大写锁定进行实时检测。大写锁定已开启------------代码
阅读全文
摘要：本文原创地址：http://www.cnblogs.com/idche/archive/2010/09/17/ljtips.html 转载请注明。\"\\ \"\ \" class=\"lj-close\"x\ "; var dg = function(id){return document.getElementById(id);}; var dt = f...
阅读全文
摘要：单向链表 百度百科：http://baike.baidu.com/view/549479.htm?fr=ala0_1最近家里来了个高手，他是学JAVA的。正在努力跟他学习！如果有对链表的误读，还请高手指点..小弟感激不尽。JS实现 链表！直接上代码。[代码]你敢相信吗？上面的代码实现了。一个单向链表！用下面的代码，就可以使用这个单项链表.[代码]当然链表不能仅仅只有 一个add方法。于是我添加了 ...
阅读全文
摘要：听说快速排序的效率不错。于是回想自己还不会。就查查资料。请教了身边的朋友。快排的原理。自己写了一个 最基本的 快速排序JS版。[代码]参考资料 百度百科 http://baike.baidu.com/view/19016.htm 设要排序的数组是A[0]……A[N-1]，首先任意选取一个数据（通常选用第一个数据）作为关键数据，然后将所有比它小的数都放到它前面，所有比它大的数都放到它后面，这个过程称为一趟快速排序。一趟快速排序的算法是： 1）设置两个变量I、J，排序开始的时候：I=0，J=N-1； 2）以第一个数组元素作为关键数据，赋值给key
阅读全文
摘要：第一篇文章是前几天写的。当时也不知道是不是发神经了。就模仿jquery的animate写了一个简单的动画实现方法。后来发现还不错。不如继续写下去。这个版本基本上跟jquery的animate一样了。我是说效果基本上一样了。（效率还没测试过。）；如果有专业测试人员 帮我测试下。第一篇文章是前几天写的。当时也不知道是不是发神经了。就模仿jquery的animate写了一个简单的动画实现方法。后来发现还...
阅读全文
摘要：原创地址：idche 博客 http://www.cnblogs.com/idche/archive/2010/06/13/1758006.html首先要说，他们没有jquery的animate那么强大。jquery的自定义动画很强大，使得我们在网页里添加动画变得容易。引入一个巨大的代码框架一直是我不太喜欢的，所以我写了一个简单的自定义动画。1：实例演示OK这个动画代码当然没有jquery的ani...
阅读全文
摘要：你还在为offset,scroll,inner,client,screen,mouse发愁吗?头都大了。而且各个浏览器方法还不太一样。所以往往很浪费我们的时间。于是我产生了写一个方法用户 专门获取这样的数据。1：实例效果jelle('t').offset().top你可以修改text里面的代码，下面会有方法介绍div.id=o div.id=t div.id=h OK 这里是一个测试的地方。他包...
阅读全文