
JavaScript/CSS
iteye_18009
这个作者很懒,什么都没留下…
展开
-
jquery的each函数中的break和continue功能
each函数不能使用break和continue关键字,替代方法是:[code="java"]$('.container').each(function(i){ if($(this).attr('name')=="continue"){ return ;//实现continue功能 }else if($(this).attr('name')==...2009-10-20 17:06:56 · 194 阅读 · 0 评论 -
JSTree实现动态加载
从网上搜了一个JSTree,实现了一把,好歹也能动态加载了。 详细代码以后再贴上吧,只把最重要部分的说一下: 加载数据后台用的是struts2,这里对新手(就是指我了)有个陷阱:以前不管碰到什么,action最后都要返回到一个页面,成功了就return SUCCESS;失败了就return "failure"。在这里,很容易就跳回到了调用它的那个初始页面,因为树就在那里。 ...2009-09-07 19:33:12 · 386 阅读 · 0 评论 -
JS 超类和子类
先引一段原文,可略过..[code="java"] .....Object is the superclass of all the built-in classes, and all classes inherit a few basic methods from Object. Recall that objects inherit properties from the pr...2010-03-30 19:52:41 · 499 阅读 · 0 评论 -
JQuery动态添加Select的Option元素
代码贴上:[code="java"]var selector=$('');for(var i=0;i2009-09-21 10:02:47 · 302 阅读 · 0 评论 -
移除JS数组指定位置的元素
JavaScript中splice函数方法是从一个数组中[color=violet]移除一个或多个元素[/color],[color=orange]如果必要,可以在所移除元素的位置上插入新元素[/color],返回所移除的元素。 [code="java"]arrayObj.splice( start, deleteCount, [item1[, item2[, . . . [,it...原创 2009-10-15 10:34:56 · 979 阅读 · 0 评论 -
获取子窗口中使用jQuery.data()设置的参数
假设在iframe子窗口中设置了$('#mydata').data('key','hello world');那在包含iframe的父页面中如何获取它呢?直接使用$('#mydata').data('key')是不行的。 原因是:data()将数据存入了iframe页面的jQuery对象中,与父页面的jQuery对象无关。父页面中的$即jQuery对象,直接使用它显然无法获取。...2010-04-13 17:49:42 · 113 阅读 · 0 评论 -
JS简易拖拽效果
模仿《javascript权威指南》写了个简易拖拽程序,麻雀虽小五脏俱全。原理:注册mousemove事件,使元素跟随鼠标挪动;注册mouseup事件,移除mousemove事件,使得松开鼠标时元素不再跟随移动,能够固定在指定位置。在mousedown事件中注册mousemove事件和mouseup事件,这样便可完成一次完整的拖拽。重点:IE中setCapture()的应用。它的作用是...原创 2011-07-31 22:48:43 · 140 阅读 · 0 评论 -
判断日期格式
[code="js"]var startTime = "2011-03-31 12:33:30";var reg = /^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]...原创 2011-08-17 09:34:46 · 104 阅读 · 0 评论 -
javascript父、子页面交互小结
帧用来存放子页面,既可以是iframe,又可以是frameset。window对象是全局对象,页面上的一切函数和对象都在它的作用域里。 1、parent代表父窗口、如果父窗口又存在若干层嵌套,则top代表顶级父窗口。self代表窗口自身。[code="java"]if(self==top){//}判断窗口是否处于顶级if(self==parent){}//也可以...原创 2010-06-04 12:05:49 · 250 阅读 · 0 评论 -
获取鼠标相对位置
获取鼠标相对于html的位置:[code="java"] function mousePosition(evt){ if(evt.pageX||evt.pageY){ return {x:evt.pageX,y:evt.pageY}; } return { x:evt.clientX+document.documentElement.scrol...原创 2011-09-20 10:48:19 · 277 阅读 · 0 评论 -
兼容各浏览器盒子模型
各浏览器盒模型的组成结构是一致的,区别只是在"怪异模式"下宽度和高度的计算方式,而“标准模式”下则没有区别。组成结构以宽度为例:总宽度=marginLeft+borderLeft+paddingLeft+contentWidth+paddingRight+borderRight+marginRight。页面在“怪异模式”下,css中为元素的width和height设置的值在标准浏览器和ie系...2011-09-24 23:36:32 · 613 阅读 · 0 评论 -
inline Element相互之间多出几像素的空白
若干个行内元素并排排列,margin,padding都设成0了,但它们相互之间还是莫名其妙地多出了几像素的空白。这不是那个ie6bug,但很容易被忽略,也很难查出原因:和元素的排版方式有关。[code="html"] model 第1层 第2层 [/code]换成如下再看看:[code="html"] ...2011-10-19 05:17:12 · 208 阅读 · 0 评论 -
Jquery选择器
本文最初发表于本人个人博客http://www.lovestblog.cn/,欢迎大家光临 。(转载的请不要删除该行,谢谢合作) jQuery选择器其实是一个有些地方比较费解的,如果没有经过多次实验的话,很难得出它的每个操作符到底是干什么的,很容易出错,经过我的多次测试,终于对一些比较难理解或容易出错的选择操作进行总结,既方便自己将来查询又方便初学者学习。如果哪里有不对的还望大家...原创 2009-09-03 09:36:37 · 120 阅读 · 0 评论 -
JavaScript中的$符号
一直不知道为什么那么多JS代码里面都用到了$符号,查了下,外文的。虽然很长,但还是建议看一遍,讲得通俗易懂,又不失深度,值得一看。文章最后是我的总结,请指正。 转自:http://www.authenticsociety.com/blog/JavaScript_DollarSign Javascript Dollar Sign. A beginner, or even ...原创 2009-09-02 13:51:53 · 463 阅读 · 0 评论 -
jquery 整体感觉
用了一段时间后,觉得它和Ext虽然有很大不同,但如果稍微钻一下牛角尖的话,还是能发现两者有一个共通的地方。 对基本DOM操作的封装。有人说学Ext最终也就只会一些API而已,不如学jquery;但接触了这么长时间jquery之后,竟然也产生了那种想法。 虽然对基础技术的应用比Ext多了一些,但终究还是在用它的API,并不是直接用JS操作DOM对象。 更重要的是,jquer...2009-11-12 10:34:08 · 93 阅读 · 0 评论 -
使用设计模式的目的
为什么要用设计模式?在生搬硬套了策略模式之后产生了这种疑问。如果说是为了易于扩展,那要增加的代码量貌似会更多;易于修改?现在要修改的地方好像也不比原来的少啊。易于替换?感觉工作量也少不了多少。 那为什么还要用它呢? 只有一个粗浅的理解:用了设计模式,就相当于明确地告诉了我如果将来需要修改,就去那个固定的地方,不用再费时间到处去找了;总体代码量不见得会减少,反而会增加,减少...2009-12-09 10:24:13 · 203 阅读 · 0 评论 -
jquery的data函数
今天试着使用了下这个函数,真是万事开头难,碰了个灰头土脸,完整的demo在附件里,这里把主要逻辑贴上,请达人指教(问答没分了....):[code="java"]$(function(){$("#test").data("mydata",{name:"hero"});alert($("#test").data('mydata').name);$('#test').c...2010-02-03 18:45:14 · 131 阅读 · 0 评论 -
IE内存泄露与无法回收研究小结(持续增加中)
一、内存泄露 之前确实看了很多资料,但这位大哥的话可谓画龙点睛,不是奉承他,一下子就打通了我的任督二脉,请看:[quote="trarck"] IE下的内存泄露原因就是循环引用,IE的垃圾回收器不能很好处理这种引用。 会产生泄露的循环引用,只有孤立的DOM对象(脱离DOM树)。 [color=blue]孤立的DOM对象间的循环引用,孤立的DOM对象与JS对象的循环引用[...2010-09-21 16:19:12 · 571 阅读 · 0 评论 -
假的,全是假的!!(更新)
[code="html"] [/code] 这段代码想必各位即使没用过也眼熟至极了吧,但根据我的测试,上面三句话在IE7、firefox3中完全不起作用,《高性能网站设计指南》提供的方法貌似没人买帐,先说firefox。 测试工具:httpWatch.不管上面三句话如何设置,firefox都我行我素,时而直接从缓存中读取,时而向服务器发送一次请求,找不到规...2010-10-11 21:31:14 · 125 阅读 · 0 评论 -
IE事件注册相关的内存泄露总结
经过一上午的艰苦试验验证,得出如下结论: 1、将元素传入闭包,并在其中注册事件,这是导致内存泄露的根源之一;另一必要条件是:元素必须脱离文档树,亦即类似执行了语句:[code="java"]elm.parentNode.removeChild(elm)[/code]。 2、解决方式:避免上述情形;在window.onunload中取消事件注册。 示例如下: 1...2011-06-03 17:28:00 · 103 阅读 · 0 评论 -
JS没有"块作用域"
没别的意思,只是记下来而已,这在犀牛书上是明明白白地写着的。[code="java"]for(var i = 0; i < 10; i++){ var a = i;}alert(a);//alert 9,而不是undefined,或报错,a被注册到全局变量里去了[/code]稍微加深一下[code="java"]try{ alert...2010-03-17 16:01:28 · 116 阅读 · 0 评论 -
"position:relative"在IE中的Bug
请看下图:[img]http://hyj1254.iteye.com/upload/picture/pic/57399/c9f3d2a0-0e31-3660-85fd-b872ca2c584d.jpg[/img]即子元素过高导致父元素出现滚动条时,它并不会像预期的那样呆在父元素里,而是浮在父元素之上,并且位置不随滚动条的移动而改变。[color=blue]根源就是子元素的"position...2010-03-22 09:29:34 · 202 阅读 · 0 评论 -
《JavaScript The Definitive Guide 5th》闭包读后总结
[code="java"]JavaScript functions are a combination of code to be executed and the scope in which to execute them. This combination of code and scope is known as a closure in the computer science lite...2010-03-24 10:51:29 · 144 阅读 · 0 评论 -
JS实现整除
原文出处太多,大家你转我我转他,最后弄不清是谁第一个写的了,不过还是在此先向所有发布过本文的博主特别是其原创作者表示感谢吧。代码如下,对原文中的注释稍微作了点修改,读起来应该更通顺。[code="java"]//整除function Div(exp1, exp2){ var n1 = Math.round(exp1); //四舍五入 var n2 =...原创 2009-08-17 17:13:40 · 1787 阅读 · 0 评论 -
转化服务器端传回的JSON数据
讲讲JS的内置函数eval()的用法. 最初用到它是[color=blue]为了将后台传送过来的JSON格式的字符串转化为JSON对象[/color]。后来发现它的功能的确很强大,远不止这点,但今天只讲它。如果想深入了解可以参考下W3School。进入正题:[code="java"]var json='{"id":1}';alert(json.id); [/c...2009-08-17 23:50:39 · 141 阅读 · 0 评论 -
涉及页面展示尽量少用js
用js操作DOM元素会引起页面频繁的reflow和repaint,加重页面负担。能用html和css达到效果的,就不要用js。2012-07-04 10:42:04 · 200 阅读 · 0 评论