javascript和jQuery
dz45693
我是一个软件开发人员,有较强的责任心,是一个典型的技术爱好者。在此希望能认识更多好朋友。
展开
-
JS调用后台方法大全
JS调用后台方法大全原创 2010-11-13 08:17:00 · 6462 阅读 · 0 评论 -
jQuery Validation PlugIn的使用方法及样例
jQuery Validation PlugIn的使用方法及样例转载 2011-05-27 14:20:00 · 3188 阅读 · 0 评论 -
jQuery formValidator4.0.1 表单校验插件更新日志(已提供下载)
jQuery formValidator4.0.1 表单校验插件更新日志(已提供下载)转载 2011-05-27 09:47:00 · 3616 阅读 · 3 评论 -
JavaScript可否多线程? 深入理解JavaScript定时机制
JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);s转载 2011-08-16 17:33:46 · 2794 阅读 · 0 评论 -
JavaScript创建与读写本地文件(IE&Firefox) .
在IE下,可以使用ActiveXObject来实现 var fso = new ActiveXObject("Scripting.FileSystemObject"); var f1 = fso.CreateTextFile("test.csv",转载 2011-08-18 15:41:16 · 3602 阅读 · 0 评论 -
jquery中的$(document).ready()与window.onload的区别
1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready()可以同时编写多个,并且都可以得转载 2011-11-23 14:23:33 · 2847 阅读 · 0 评论 -
js/jquery 获取url参数
js/jquery 获取url参数js代码://获取查询数组 function getArgs() { var args = new Object(); var query = location.search.substring(1); var pairs = query.spl原创 2011-08-25 14:38:14 · 3318 阅读 · 0 评论 -
js hashTable
function Hashtable() { this.container = new Object(); /**//** put element */ this.put = function (key, value) { if (typeof (key) == "undefined") { return false;原创 2011-08-16 17:32:00 · 4999 阅读 · 0 评论 -
js查询窗口的几何属性
var Geometry = {}; if (window.screen.availWidth) { //IE Geometry.getScreenWidth = function () { return window.screen.availWidth; }; Geometry.getScreenHeight = function原创 2011-11-30 10:09:46 · 3229 阅读 · 0 评论 -
jquery+asp.net实现的一个简易web聊天工具
本demo非常简单并,没有用到数据库来存储数据而是Cach来缓存数据,后台代码: public class _6_1 : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text原创 2011-12-09 09:35:49 · 3587 阅读 · 0 评论 -
jQuery验证控件jquery.validate.js使用说明+中文API
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validationjQuery plugin: Validation 使用说明 转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库 二、默认校验规则(1)required:t转载 2011-12-09 12:02:36 · 3009 阅读 · 0 评论 -
为hover事件加上延迟jquery.hoverIntent
緣起在jQuery中的原始hover用法中(註 :hover代表滑鼠游標滑過),並沒有辦法加上delay(延遲)的設定,jQuery Plugin的hoverIntent可以加上delay的設定,讓滑鼠移動的效果增加更多的變化。讓我們來看看用法吧!hoverIntent1.載入js2.jQuery code $(function ()转载 2012-02-09 11:08:34 · 4146 阅读 · 0 评论 -
获取 拥有焦点的控件
今天一测试同事遇到如下问题:页面上有几个文本控件,当不同的控件获取焦点后,触发的回车事件不同,以下是一个demo。 //定义回车事件 if (document.addEventListener) {//如果是Firefox document.addEventListene原创 2012-04-01 11:36:42 · 3294 阅读 · 0 评论 -
JQuery HashChange插件修改
在做AJAX的时候前进、后退按钮的处理是比较重要的,可以使用location.hash来解决这个问题。原理这里不再重复,为了方便,我使用了JQuery的HashChange插件,不过这个插件用起来不好:$.locationHash()方法只能设置hash,不能读取hash,不符合JQuery的风格;hashchange事件在用户通过地址栏直接敲“a.htm?#a”这种方式的时候不会触发,必须在re转载 2012-04-13 10:35:03 · 3491 阅读 · 1 评论 -
jQuery ready函数实现原理
jQuery是一套跨浏览器的JavaScript函式库,强化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上释出第一个版本。目前全球有28%的站台使用jQuery,是目前最受欢迎的JavaScript函式库。jquery ready函数源代码:一般情况下都是设置body标签的onload监听window的load事件.但load事件是要转载 2012-04-28 23:01:48 · 3153 阅读 · 0 评论 -
Javascript 无阻塞加载方式
最近在看javascript高性能一书里面提到的javascript的加载方式很好。现总结如下:1、YUI3的方式2、LazyLoad(1.5k)Yahoo!Search工程师Ryan Grove创建的一个通用的延迟加载工具,是loadScript()函数的增强版。用法示例: LazyLoad.js('the-reset.js', function(){原创 2012-05-02 21:54:17 · 4134 阅读 · 0 评论 -
3道值得收藏的Javascript题目,你理解吗?
在网上看了几道js的题 整理了一下 贴出来 以供参考:第一道: function foo() { foo.abc = function () { alert('Alibaba') } this.abc = function () { alert('Alimama') } abc = function () { alert('Alipay'原创 2012-06-06 22:02:07 · 3320 阅读 · 0 评论 -
看图理解scrollTop,scrollLeft,clientWidth,clientHeight,offsetWidth,offsetHeight
每次用JS获取页面的高宽时总都是相当的揪心,同一个属性在不同的浏览器或不同的W3C标准下所表示的意思都不尽相同。以下就针对页面的实际高宽和可见区域做个总结,以便大家查阅!1.在W3C标准的情况下W3C标准页面,即在HTML代码头部加入 在IE中:document.body.clientWidth ==> BODY对象宽度document.body.c转载 2012-06-06 22:01:19 · 2909 阅读 · 0 评论 -
script defer属性
一个脚本可以调用document.write()方法来动态的为文档添加内容。正因为如此,当HTML遇到一个脚本,它必须按常规终止对文档的解析并且等待脚本执行。HTML4标准定义了一个标记的一个defer属性来解决这一问题。如果编写一个并不产生任何文档输出的脚本,例如定义了一个函数但并不调用document.write()的一个脚本,可以使用标记的defer属性来提示浏览器这样做是安全,继续解析原创 2012-05-20 13:53:33 · 3346 阅读 · 0 评论 -
再谈querySelector和querySelectorAll
先按W3C的规范来说这两个方法应该返回的内容吧:querySelector:return the first matching Element node within the node’s subtrees. If there is no such node, the method must return null.(返回指定元素节点的子树中匹配selector的集合中的第一个,如果没有匹转载 2012-06-12 15:54:26 · 4505 阅读 · 1 评论 -
jQuery .tmpl(), .template()学习
昨晚无意中发现一个有趣的jQuery插件.tmpl(),其文档在这里。官方解释对该插件的说明:将匹配的第一个元素作为模板,render指定的数据,签名如下:.tmpl([data,][options])其中参数data的用途很明显:用于render的数据,可以是任意js类型,包括数组和对象。options一般情况下都是选项转载 2012-03-30 11:17:05 · 3199 阅读 · 3 评论 -
JS文件加载优化 ControlJS
Steve Souders在2010年12月份发布了ControlJS项目,该项目是让开发者更好的去控制javascript文件的下载和执行,从而提高了页面脚本的加载速度。Steve提出了一个非常具有创造性的思想,就是预先异步下载javascript文件而不解析执行,直到需要的javascript处理时才去真正的执行。这一点得到了很多人的关注与验证。Nicholas Zaka也因Control转载 2012-07-04 17:10:30 · 3166 阅读 · 0 评论 -
js 异步 多线程 技术
注:第一句javascript引用是下载的文件名。我下载的是最新的叫Concurrent.Thread-full-20080319.js Concurrent.Thread.create(function(){var i = 0;while ( 1 ) {document.body.innerHTML += i++ + "";}});执行这个程序将会顺序显示从0转载 2011-08-17 09:10:41 · 3185 阅读 · 0 评论 -
JavaScript继承的一些工具函数
在阅读精通JavaScript(图灵计算机科学丛书)里面有讲解javascript继承的一些东东。其一是讲解DouglasCrockford的js代码如下: //简单的辅助函数,让你可以将新函数绑定到对象prototype上 Function.prototype.method = function (name, func) { this.p原创 2012-06-21 15:35:30 · 3336 阅读 · 0 评论 -
js变量作用域
请先看一下代码: var scope = "global"; function f() { alert(scope);//dispaly "undefined" not "global" var scope = "local";//Vaeiable initized here,but defined everyw原创 2011-12-01 08:57:18 · 3509 阅读 · 0 评论 -
js创建对象 对象如何继承 及一些工具函数
function Rectangle(w, h) { this.width = w; this.height = h;}Rectangle.prototype.area = function () { return this.width * this.height; }; //类的实例方法 建议为原型对象定义方法而不是放在构造函数定义方法Rectangle.prototype原创 2011-11-24 16:44:29 · 2989 阅读 · 0 评论 -
Lazy Load, 延迟加载图片的 jQuery 插件
页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占了几百K的空间。Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。在包含很多大图片长页面中延迟加载图片可以加快页面加载速转载 2012-02-07 17:39:14 · 3367 阅读 · 1 评论 -
一个跨浏览器事件检查的反思
一般的事件检查代码如下: function addHandler(target, eventType, handler) { if (target.addEventListener) { target.addEventListener(eventType, handler, false); }原创 2012-06-01 09:48:33 · 3390 阅读 · 1 评论 -
javascript模版引擎-tmpl的bug修复与性能优化
在平时编码中,经常要做拼接字符串的工作,如把json数据用HTML展示出来,以往字符串拼接与逻辑混在在一起会让代码晦涩不堪,加大了多人协作与维护的成本。而采用前端模板机制就能很好的解决这个问题。精妙的 tmpl前端模板类开源的不少,但最属 jQuery 作者 John Resig 开发的 “javascript micro templating” 最为精妙,寥寥几笔便实现了模板引擎核心功能转载 2012-06-27 20:46:45 · 3268 阅读 · 0 评论 -
精通javascript 代码总结
在看了《精通javascript 》一书中,里面讲了很多工具函数,先整理一部分。主要在javascript和css交互的代码: function text(e) { //获取元素文本内容 var t = ""; e = e.childNodes || e; for (var i = 0, count = e.lengt原创 2012-06-27 11:06:36 · 3140 阅读 · 1 评论 -
web优化之-js 异步加载 js延迟执行 js插件
最近因工作的需要主要做web前段的优化,其中之一就是js的优化,在项目中的js代码相对比较规范的,都是$(function(){})这种格式。但是大家都知道js的下载比较耗时的,它的解析和执行是阻塞式的。我们是否可以先让js下载下来,在windows的load事件中在去解析和执行了。答案是肯定的,其中ControlJS .js就实现了这种方式。个人觉得它比LAB的延迟加载要优秀的一点,减少了js的原创 2012-07-05 12:40:39 · 8373 阅读 · 0 评论 -
jquery 弹出层插件
最近在研究弹出层插件时发现网上很多插件功能很强大,同时插件也很庞大。在这里个人写了一个比较秀珍的弹出层插件。jquery.popdialog.js$(function () { $.fn.PopDialog = function (options) { var defaults = { Event: "click", //触发响原创 2012-08-02 13:46:56 · 7957 阅读 · 0 评论 -
JCarouselLite滚动bug的修护
官方网站:http://www.gmarwaha.com/jquery/jcarousellite/插件描述:JCarouselLite是一款jquery插件,可以控制文档元素滚动,丰富的参数设置可以控制滚动的更多细节,是一款不可多得的滚动插件。但是在如果我一共有10张图片 显示4张滚动3张时会发现 JCarouselLite 有一个比较大的bug。修改后的代码:/**原创 2012-06-08 14:23:14 · 7400 阅读 · 0 评论 -
web性能优化之- js自定义函数延迟执行 jquery插件
今天碰到一个很奇快的需求,大致如下:html页面有很多div容器,每个div容器的数据都是通过ajax请求来处理的。一般情况处理ajax请都在windows的load事件中,由于页面的div容器太多造成windows的load事件中ajax请求太多;所以我们只需要处理那些在浏览器中看得见的div容器。假如我们现在有10个div容器,每个屏幕刚好显示1个div容器,如果我们放到windows的loa原创 2012-06-28 14:45:36 · 8770 阅读 · 0 评论 -
setTimeout和setInterval区别 setTimeout模拟setInterval
实际上,setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。setInterval("showTime()原创 2012-08-13 17:33:18 · 5623 阅读 · 4 评论 -
JavaScript最全的10种跨域请求的方法
JavaScript最全的10种跨域共享的方法同源策略在客户端编程语言中,如javascript和 ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?当两个域具有相同的协议(如http), 相同的端口(转载 2012-10-31 17:56:36 · 2931 阅读 · 0 评论 -
JavaScript 覆盖document.createElement 方法 解决window.close在火狐下不兼容问题)
最近项目遇到了问题,有个asp.net web程序只能在IE7 运行,现在xp都淘汰了,大家都用IE8-IE11,因此这个web app也需要升级 适应所有IE版本。照成IE版本不兼容的问题主要来致document.createElement方法的调用,如:function addStyleNo(value, cannotDel) { if (!value) { v原创 2014-05-07 13:18:43 · 3221 阅读 · 0 评论 -
query多选下拉框插件 jquery-multiselect(修改)
其实网上关于该控件的使用教程已经很多了,其中query多选下拉框插件 jquery-multiselectJquery多选下拉列表插件jquery multiselect功能介绍及使用这2个的介绍已经比较详细了,尤其是第二个有扩展MyValues函数,只是扩展有些bug,这里我在提出一些我的扩展,我们应该把multiValues属性定义在options里面,让每个multisele原创 2014-06-15 09:38:58 · 5324 阅读 · 0 评论 -
LINQ to JavaScript 源码分析
在几个移动端web小项目过程中,前端需要对json对象集合进行比较复杂的操作,为提高开发效率,引入了LINQ to Javascript,该项目地址:http://jslinq.codeplex.com/LINQ to JavaScript代码不到两百行,可读性很好,今天来对它的源代码进行下分析 Linq to JavaScript使用示例var myList = [转载 2014-10-24 17:57:57 · 2144 阅读 · 0 评论 -
深入理解JavaScript闭包(closure)
最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者来说别说理解闭包了,就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。一、什么是闭包?“官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。相信很少有人能直接看转载 2011-11-23 16:34:30 · 2703 阅读 · 0 评论