摘要:
上一篇文章document.write()的一些坑说了浏览器输出流关闭后使用document.write会清空当前页面,因此要避免在window.onload、$(document).ready()和ajax获取数据后使用document.write插入内容。但是这些常用操作又是很难避免的,那么... 阅读全文
摘要:
这段时间在做一个广告系统,需要用js自动生成广告代码,其中遇到一些问题,在这记录下。 第三方广告代码一般都是用 document.write()向页面写入,这次使用的时候遇到不少坑,经常会出现使用document.write()向页面写入的时候当前页面被清空。这正是document.write... 阅读全文
摘要:
今天解决了requireJS异步加载和validate错误信息位置修改两个问题,心情大好,先占位,晚上来写心得,哈哈! 阅读全文
摘要:
在研究一个多级菜单联动的js时,发现contains方法,以前没有碰到过,不知何意,然后在@司徒正美的博客发现有详细介绍,暂且摘录在此。 IE有许多好用的方法,后来都被其他浏览器抄袭了,比如这个contains方法。如果A元素包含B元素,则返回true,否则false。唯一不支持这个方法的是IE的死对头firefox。不过火狐支持compareDocumentPosition() 方法,这是W3C制定的方法,标准浏览器都支持,不过实用性性很差,因此没有什么人用,推广不开来。它的使用形式与contains差不多,但返回的不是 一个布尔值,而是一个很奇怪的数值,它是通过如下方式累加计算出来的... 阅读全文
摘要:
HTML5对Web Form做了许多增强,比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字 提示显示在文本框中,当文本框获得焦点时,提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现:由于placeholder是个新增属性,目前只有少数浏览器支持,如何检测浏览器是否支持它呢?(更多HTML5/CSS3特性检测可以访问)function hasPlaceholderSupport() { return 'placeholder 阅读全文
摘要:
处理透明度的兼容性一直是用下面这段css:1 .transparent{2 filter:alpha(opacity=50);3 -moz-opacity:0.5;4 opacity:0.5;5 background-color:#000;6 }今天在IETester下测试了下,发现 filter:alpha(opacity=50); 这句代码并没有起作用,背景没有产生透明的效果,百思不得其解。最后在蓝色上找到答案,原来这是IETester下IE6模式的一个BUG。然后在虚拟机上测试,发现效果正常,所以上面那段代码的兼容性没有问题。 阅读全文
摘要:
DD_belatedPNG.js解决IE6下PNG透明图片问题相比其他方法是比较完美的,之前一直在用,没有出现什么问题,但是今天发现这个js导致一个选项卡在IE6下出现问题。一开始并不知道是DD导致的问题,用Debug查看,发现选项卡列表多出两个标签,如图:多出的这两个标签导致选项卡的index值发生变化,选项卡的标题和内容错开。然后有群里的朋友告知是DD引发的问题,把DD去掉测试,标签消失,问题解决。去掉DD后就要用其他方法来解决IE6下PNG图片的问题,想到使用IE的滤镜来解决,但是滤镜有一个问题,就是背景不能定位,但是DD不能使用,只能针对该页面专门用滤镜来处理。(还有一个小问题,就.. 阅读全文
摘要:
JavaScript 有个 with 关键字, with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式。也就是在指定的代码区域, 直接通过节点名称调用对象。我们已经知道,用变量的作用域和作用域链(即一个按顺序检索的对象列表)来进行变量名解析,而with 语句就是用于暂修改作用域链的,其语法为:with(object) statement该语句可以有效地将object添加到作用域链的头部,然后执行statement,再把作用域链恢复到原始状态。例如:1 with(frames[1].document.forms[0]){2 //此处直接访问表单元素。例如:3 ... 阅读全文
摘要:
今天在研究一个图片切换的js代码碰到一段代码,如下: isIE && (this._img.style.filter = "revealTrans()"); 。开始对&&符在这的作用有点疑惑,不知道是什么意思,然后认真看下上下文,初步猜测可能是类似 if...else 的判断语句。经查证,上面那段代码中的&&确实起到判断的作用,而且我也发现更多关于&&和||运算符的妙用,记录在此。 以下内容皆为转载,详细出处参考:http://www.jb51.net/article/21339.htm用下面的例子来说明:假设 阅读全文
摘要:
对原生js掌握不好,工作中一直是使用JQ,但是用原生js写程序一直是我的目标。前段时间因为时间比较充裕,在一个小项目上使用原生js写效果,不写不知道,一写吓一跳,各种问题都出来了,今天把部分问题整理一下,记录下来。 一、offsetWidth获取"display:none"元素的宽度时,宽度为0 解决办法: 1、用"visibility:hidden"代替"display:none",此时offsetWidth能获取正确的值。 2、如果元素是使用定位的,可以通过定位把元素移出屏幕 二、js获取css属性值,一般使用style.属性名即 阅读全文