摘要: 原文:http://my.oschina.net/heguangdong/blog/14988DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(”:text”);在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:t 阅读全文
posted @ 2012-04-24 17:43 无敌兔 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 可恶的IE6双倍浮动BUG及解决办法zt from:http://www.zdyi.com/ie6-float-bug-csshack/34制作页面时常会碰到IE6双倍浮动BUG,以前我的解决方法就是多写一行CSS HACK如:margin-left:12px;-margin-left:6px;这种方法虽然有效,但在讲究完美的coder来说使用CSS HACK是不能接受的真正的解决方法:加上display:inline是的,没有看错,就是这么简单,被IE双倍浮动BUG困扰的朋友试一下吧原理:这个bug出现的原因:浮动.这个元素在实际上已经是内联元素了.理应标明display:inline属性. 阅读全文
posted @ 2012-04-23 18:02 无敌兔 阅读(184) 评论(0) 推荐(0) 编辑
摘要: $("tr").each(function(i) { var className = ["odd", "even"][i % 2]; $(this).addClass(className); $(this).hover( function() { $(this).removeClass(className); $(this).addClass("highlight"); }, function() { $(this).removeClass("hightlight"); $(this).addC 阅读全文
posted @ 2012-04-20 14:41 无敌兔 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 原文网址:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html作者:阮一峰日期:2009年8月30日闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; functi.. 阅读全文
posted @ 2012-04-20 12:32 无敌兔 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 使用data方法可以避免在DOM中存储数据,有些前端开发者喜欢使用HTML的属性来存储数据:$('selector').attr('alt', 'data being stored');//之后可以这样读取数据:$('selector').attr('alt'); 使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的,我们可以使用jQuery的data方法来为页面中的某个元素存储数据。 $('selector').data('参数名', '要存储的数据&# 阅读全文
posted @ 2012-04-18 14:46 无敌兔 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 1、总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器,因为它直接来自 于JavaScript的getElementById()方法。例如有一段HTML代码:<div id=“content”> <form method=“post” action=“#”> <h2>交通信号灯</h2> <ul id=“traffic_light”> <li><input type=“radio” class=“on” name=“light” value=“red” /> 红色</li> <l 阅读全文
posted @ 2012-04-18 14:44 无敌兔 阅读(159) 评论(0) 推荐(0) 编辑
摘要: box模型在浏览器中的差异闭包的理解jquery性能优化及高效执行插件浏览器兼容模式下浏览器的差别深入理解doctype跨浏览器的inline-blocktag的优先级对象处理的效率对比IE6的诡异bug(如果父对象设置了position:relative 那其中的子对象如果有浮动float,那也要加position:relative, 否则会被父对象遮盖)块元素和行内元素的混排(line-height:28px;display:inline-block;vertical-align:top; line-height设置得和块元素同高,ie6/7/8/ ff OK) 阅读全文
posted @ 2012-04-13 12:36 无敌兔 阅读(120) 评论(0) 推荐(0) 编辑
摘要: setTimeout(以及setInterval)必须被告知延时后要做什么,而且只有三种方式来告知它:1.用一个必须编译的js的字符串setTimeout('$("#loading").fadeIn("slow")',9999);因为它通过编译会变得相当难看,并不推荐. 不过却很管用.2.带上一个变量参数var test =function(){ $('#loading').fadeIn('slow');};setTimeout(test,9999);注意我们不用setTimeout(test(), 999 阅读全文
posted @ 2012-04-11 22:59 无敌兔 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 原文地址:http://www.oschina.net/code/snippet_194611_724801 alert($(window).height()); //浏览器时下窗口可视区域高度02 alert($(document).height()); //浏览器时下窗口文档的高度03 alert($(document.body).height());//浏览器时下窗口文档body的高度04 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin05 alert($(wind 阅读全文
posted @ 2012-02-08 10:39 无敌兔 阅读(527) 评论(0) 推荐(0) 编辑
摘要: 原帖地址:http://sofish.de/1366 (幸福收藏夹)话说,对于去除虚线框,即使是一个前端开发工作者,也可能不知道所有的潜规则。因为很多情况下,它是一个视觉上的辅助,并且盲人们需要它(怎么个需要法,别问我),我们并不需要去掉。但在图片替换文字,或者虚线显示不规则的时候,去掉它对于一个产品来说会是更完美的。如何去除虚线框对于如何去除虚线框,有很多人推荐这样写:a:focus, input[type=button] ,input[type=submit] { outline:none;}从这段代码来看,让我们小分析一下,有两点可能是需要我们注意的:去除不全面IE6/7 ... 阅读全文
posted @ 2012-02-03 10:13 无敌兔 阅读(281) 评论(0) 推荐(0) 编辑