摘要:IE6行高(line-height)失效近日做项目,遇到一个IE6行高失效的Bug。场景还原:相关代码view plaincopy to clipboardprint?<aclass="bug"href=""><span></span>iambug</a>view plaincopy to clipboardprint?.bug{height:60px;line-height:60px;background-color:#999;}.bugspan{display:inline-block;width:10 阅读全文
console.time()及console.timeEnd()
2012-12-18 11:33 by lyw90, 432 阅读, 0 推荐, 收藏, 编辑
摘要:之前一直在找可以测试javascript效率的工具,看了JSLitmus、以及大名鼎鼎的jsunit。很强大,但是说实话并不是很直观,当然方便就更谈不上了,其实最简单的工具就藏在我们身边。firebug相信每个web开发者必备的工具之一,也是最方便最好用的工具,对我来说没有之一。可能你经常的去使用它控制输出语句console.info ,其实它有更多的东西等着我们去挖掘,详见firebug console API。而我们今天讨论的是它一个容易被我们忽视的命令console.time()。使用方法也异常简单,先看看firebug api的介绍。console.time(name)Creates 阅读全文
用原生JavaScript做个简单的回到顶部
2012-12-04 11:00 by lyw90, 167 阅读, 0 推荐, 收藏, 编辑
摘要:很多网页在下方都会放置一个“返回顶部”按钮,尤其是页面底部没有导航的网页,这样可以帮助访客重新找到导航或者重温一遍广告(想得真美)。随着近 几年来 JavaScript 的应用日渐广泛,滑动效果无处不在,于是我也跟跟风,将返回顶部功能做成了滑动效果。后来为了更贴合物理特征, 改造做成了减速的滑动效果。首先说一下原理吧,我们会获取滚动条到页面顶部的距离,然后上移一定的距离;再获取滚动条到页面顶部的距离,上移一定的距离(比上一次小一点);以此类推 ...1234567891011121314151617181920212223242526272829303132333435363738394041 阅读全文
[译]JavaScript:函数的作用域链
2012-11-19 23:18 by lyw90, 256 阅读, 0 推荐, 收藏, 编辑
摘要:原文:http://blogs.msdn.com/b/jscript/archive/2007/07/26/scope-chain-of-jscript-functions.aspx在JavaScript中,函数的作用域链是一个很难理解的东西.这是因为,JavaScript中函数的作用域链和其他语言比如C, C++中函数的作用域链相差甚远.本文详细解释了JavaScript中与函数的作用域链相关的知识,理解这些知识可以帮助你在处理闭包的时候避免一些可能出现的问题.在JavaScript中,函数可以让你在一次调用中执行一系列的操作.有多种方式来定义一个函数,如下:函数声明:function ma 阅读全文
js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载
2012-11-15 14:48 by lyw90, 869 阅读, 0 推荐, 收藏, 编辑
摘要:js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)网上有关这方面的代码比较多而乱,这里整理一下并加以改进。添加事件01 var addEvent = function( obj, type, fn ) {02 if (obj.addEventListener)03 obj.addEventListener( type, fn, false );04 else if (obj.attachEvent) {05 obj["e"+type+fn] = fn;06 obj.attachEvent( "on"+type, f 阅读全文
再学习js的onscroll、scrollTop、scrollHeight及window.scroll等方法
2012-11-15 14:37 by lyw90, 26400 阅读, 0 推荐, 收藏, 编辑
摘要:1、onscroll解释:当元素的滚动条滚动时触发的事件。onscroll事件貌似任何实体元素都可以绑定,这里的实体元素包括DOM元素、window元素、document元素。用法即:element.onscroll=function(){};需要注意的是,滚动条一定要出现,而且滚动条是属于这元素的,例如:1 <div id="wrap" style="height:100px;overflow:auto;">2 <div id="inner" style="height:200px;">c 阅读全文
国外站长论坛
2012-11-10 23:56 by lyw90, 252 阅读, 0 推荐, 收藏, 编辑
摘要:http://www.dnforum.com/http://forum.yaxay.com/http://jimworld.com/apps/webmaster.forums/http://www.htmlforums.com/http://forum.webmasterpro.de/http://www.siteownersforums.com/http://www.sitepointforums.com/index.php?http://forums.prospero.com/n/mb/listsf.asp…g=am-associhelphttp://www.arsresources.co 阅读全文
js浏览器判断选择(转载)
2012-11-10 23:50 by lyw90, 208 阅读, 0 推荐, 收藏, 编辑
摘要:function browser() { var A = function() { var B = navigator.userAgent.toLowerCase(), D = function(F, G) { if (!F.className) { F.className = G } else { var E = F.className; E += (" " + G); F.className = E } }, C = function(E) { return (B.indexOf(E) != -1) }; D(document.getElementsByTag... 阅读全文
useless setTimeout call (missing quotes around argument?)
2012-11-10 23:05 by lyw90, 285 阅读, 0 推荐, 收藏, 编辑
摘要:useless setTimeout call (missing quotes around argument?)实际上我也碰到了这个问题,但是这个实在是因为我们对语法了解不是很清楚造成的,我们需要人真的对待没个语法问题。。。。这个问题在ff下提示这个错误信息,ie下也提示。。。以下是原文今天写了一段脚本需要用上setTimeOut函数,刚开始时我是这样写的,代码如下:<script type="text/javascript">$(document).ready(function (){ setInterval(updateEndTime(),1000);}) 阅读全文
在一些老的浏览器上启用 HTML5 的支持
2012-11-07 11:29 by lyw90, 239 阅读, 0 推荐, 收藏, 编辑
摘要:view sourceprint?01(function(){02if(!/*@cc_on!@*/0)03return;04var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.creat 阅读全文