随笔分类 - Javascript(ajax)
Javascript学习区
摘要:一直以来,都对JS获取元素的位置感到非常的困惑:一会client、一会offset、一会scroll。再加上各大浏览器之间的不兼容,唉,搞得哥晕晕乎乎的。而很多页面效果都要用到这些位置。不得已,得练练,得记记。下面就来说说这个基于 JQuery的简易拖拽插件吧。 按惯例,先说说拖拽的原理,以及搞这么一个东东的步骤:那什么是拖拽呢? 看名字就知道了:就是把一个东东拖来拽去的。 放到我们的DOM上,就是改变它的位置。它只有两个难点:1、如何知道是在拖? 2、如何知道从哪拖,拖到哪?其实,这也算不上难点,毕竟两者都是基础的东西,关键在于熟练。换到js 中,我们搞一个拖拽效果,大致有如下步骤:1、让元
阅读全文
摘要:我相信有不少TX用过QQ或163的邮箱吧?他们中有一个比较有用且有趣的功能,如果您在编写邮件,那在固定一个时间频率内,它会自动将您的邮件内容保存起来,以免丢失。(忘记是不是两家邮箱都有这个功能)。那这个功能是怎么做的呢?定时,我们知道怎么弄,但保存呢?也许我们会通过隐藏域等手段来存放数据。但是,这个却有个缺点:那就是刷新页面后,数据将会丢失。而此时,就该轮到我们很少关注,而且估计有不少人不知道的UserData 行为(userData Behavior)登场了:而这个UserData是什么?怎么用?,我将在文章最后转载一篇介绍它的文章。现在,我直接上例子,所谓无代码,无真相嘛:<!DOC
阅读全文
摘要:目前有几个工作流系统,每个系统都通过webservice向外提供对工作数目的查询。 工作数目均有以下几种方式:在办、待办、已办。 也就是说,每个webservice都有至少3个对外提供的函数(所有系统的函数签名均一致)。需求: 在.NET(2.0)环境下,编写一个web控件或webpart,来集中显示每个系统的工作数目。 布局如下: 说明: 其中绿色部分,表示是拥有当前焦点的系统和工作项类型。 左边的三个小框显示的是工作项类型,上方的小框显示的是系统。 左边的工作项类型中的红色文字,显示的是所有系统在某个类型(比如在办)下的总数目和 ,比如,在办的(23),表示是的所有系统(5+7+11+0.
阅读全文
摘要:搞C#的应该都知道,C#中的StringBuilder效率远远高于String,那在JS中呢?看看这篇文章的分析:http://www.cnblogs.com/matthew/archive/2008/08/15/1268843.html通过这篇文章可以看出,在js中也存在同样的问题,按照这两篇文章:http://www.cnblogs.com/xeonwell/archive/2007/02/1...
阅读全文
摘要:相信大家在web项目中,经常会用到javascript的事件监听、事件冒泡这些东西。当然也包括window.opener,window.showModalDialog这些父子窗口的互操作。但不知道大家有没遇到这样一种情况,新开的窗口是通过<a href="" />打开 的,而不是window.opener或showModalDialog打开的。尤其是需要注意的是:这个href指向的地址...
阅读全文
摘要:大家应该知道,在C#中对于属性、文件等的更改监视非常简单,因为有委托(事件)、FileSystemWatcher等好东东扶持。那么在JavaScript中,如何对变量的更改进行监视呢?首先,我仿照c#的属性来对JS进行操作,写出了如下的示例:[代码]将对对象内部变量(私有变量)的赋值操作提取到了方法中,而在该方法中触发相应的变量值更改回调方法。按说这样搞就能监视变量 的更改了,但是在FireFox...
阅读全文
摘要:近日,由于需要,我写了一个webcontrol,并在实现了ICallbackEventHandler,目的是根据传进来的参数进行逻辑处理,然后返回值。我下面的例子目的是从1到5调用异步函数,然后在回调函数将1到5这几个数值相加。但是,由于调用异步函数的过程没有被阻塞,因此值一直为0.特别注意:我在使用this.Page.ClientScript.GetCallbackEventReference(...
阅读全文
摘要:今天在蓝色中看到一篇文章,对js 中布尔型及==运算符进行了一番比较分析。不看不知道,一看吓一跳,平时还真的没有注意到这么细节的东西:所谓大牛与菜鸟,估计这是重要的区别之一了。说到布尔型,估计不少人都知道JS中非0即为true,那么请您运行一下下面这两行代码:[代码]你觉得答案是多少呢? 答案是: true true ----对不起,其实答案是 true false,但我相信,上面才是不少人以目中...
阅读全文
摘要:废话少说,直接上Code,对IE与FF下的差异,均在代码中有相关的注解: 代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""ht...
阅读全文
摘要:1、IE及FF等不同浏览器获取滚动高度等的差异: 提供一个网址,给大家看,也给我看:http://www.cnblogs.com/seven_cheng/archive/2009/11/16/1603787.html 贴一张让俺们又爱又恨的PP: 2、轮到大名鼎鼎的盒模型了,话说,搞前端的如果不知道这东东,可真的说不过去了,贴图说话: ----这次的面试,问的问题应该是很基础的了,但是,第一次参加这么大型的招聘会,在回答上述的问题时,还是感到紧张。(虽然这些东东,平时没少用,但一到面试,就感觉要挤才出得来,jiong啊!) 祈祷~~~
阅读全文
摘要:近日,在Perfection kill上看到有关javascript quiz。并做了一下,最终错了2个(#2,#9),但是,这2道题,在Ie和ff下的答案是不一样的?!附上测试地址:http://perfectionkills.com/javascript-quiz/下面是个人的解答:---代码 Code highlighting produced by Actipro CodeHighligh...
阅读全文
摘要:代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
阅读全文
摘要:来源:http://www.cnblogs.com/jianyi0115/articles/677712.htmlhttp://www.cnblogs.com/fxwdl/archive/2009/09/13/1565795.html在此作备忘:[代码]
阅读全文
摘要:最近在项目中用到了jquery(俺的第一次%%%)感觉其选取器功能真的灰常强大~~~~~~~~-----我在项目中碰到这样一个需求:假如有如下这样几个input type="text":[代码]假如我要获取不包括validateGroup属性的元素该怎么写选取器呢?我写了如下的选择器:[代码]经测试,的确只能获取到那个没validateGroup属性的元素。按说这样万事大吉了。可,不幸的是,最近流...
阅读全文
摘要:在我前几天的一篇博文中 通过JS动态创建DOM元素备忘 写了一个动态添加或删除元素的方法 ,如下:[代码]其中的局部变量 action 在根据传入的动作类型分别初始化为 parentNode.appendChild和parentNode.removeChild 的字符串形式。而实际上,这二个都是一个DOM函数。只不过,我这里,把函数名以字符串的形式赋给action.在接下来,调用action时,使...
阅读全文
摘要:昨晚在一QQ群里,碰到有网友问这样一个问题,如何在控制台上输出如下图形:他个人给出的程序是:using System;using System.Collections;namespace liuyue{ public class Hello{ public static void Main(){ int x = 10;for(int i = 0;i<x;i++){for(int j=0;j...
阅读全文
摘要:不知道是受分辨率影响,还是在分辨率影响下,页面出现滚动条时,拖动了滚动条导致scroll值发生改变的影响。替代函数来自:http://www.cnblogs.com/Caceolod/articles/1312357.html[代码]
阅读全文
摘要:一:_spBodyOnLoadFunctionNames('functionname')这个函数的主要作用就是加载指定的JS函数,函数名通过字符串传入。比如,在某个列表的dispform页面,有2个关闭按钮,如果我们希望点击它们不是进行关闭,而是弹出‘不能关闭’的提示,而该更改不能影响到其它list的话,就可以通过这个函数来实现了。方法如下:在dispform中加入一个内容...
阅读全文
摘要:近日,因工作需要,需要通过点击某个元素后, 动态创建一个DOM元素并显示,因此写了一些相关的JS函数,在此记录,以作备忘:---09-07-03 更改[代码]使用示例: var htmlAttributes= [ {attrName:'class',attrValue:’样式名称’ } //for IEs , {attrName:'className',attrValue...
阅读全文
摘要:在网上看到有不少JS设计模式的示例。今天参照:http://www.cnblogs.com/iloveu/archive/2009/03/31/1426234.html写了一下,记录在此,仅作备忘:[代码]
阅读全文