摘要：每个Number的toFixed()方法可把 Number 四舍五入为指定小数位数的数字。四舍五入顾名思义，4及以下舍去，5及以上加1。四舍1.31.toFixed(1) // 1.31.32.toFixed(1) // 1.31.33.toFixed(1) // 1.31.34.toFixed(1...
阅读全文
摘要：不管浏览器更新的多快，号称多么支持标准。厂商不同，他们之间还是有很多差异。我们需要区分出这些差异，针对不同的浏览器做不同的处理。比如 CSS 前缀，IE 的是 "-ms-"，旧版 Opera 的是 "-o-"，Firefox 的是 "-moz-"，Safari/Chrome 是 "-webkit-"...
阅读全文
摘要：给textarea标签添加一个maxlength=200，测试工程师提bug说IE9没起作用。后一测试，发现IE10一下的浏览器均不支持去w3看了下，该属性已经被收纳到HTML5，IE10+和其它现代浏览器均已支持。对于IE10以下浏览器，可以通过几个事件强制用户不能输入超过的字数相关：http:/...
阅读全文
摘要：IE6-IE9中tbody的innerHTML不能赋值，重现代码如下 IE6-IE9中tbody的innerHTML不能复制bug aaa ...
阅读全文
摘要：Date.prototype.toISOString方法是在ES5里添加的，ES3文档中没有，如下这个方法在IE6/7/8中不支持，可按下面方式修复下if (!Date.prototype.toISOString) { Date.prototype.toISOString = function...
阅读全文
摘要：这是在使用京东的一个日期组件时碰到的bug，重现bug的代码精简如下 仅Firefox中A元素包含Select时点击Select不能选择option 代码很简单，元素A包含了一个Select，在Firefox中打开该页面，点击select，第一次出现下拉的option。第二次以后再点击，则不会出现option选项。甚是奇怪。最后为了保证每次点击select，都能正常弹出option，可以把元素A去掉，或把元素A换成SPAN。测试Firefox版本：24
阅读全文
摘要：点击一个超链接后默认会有一个虚线框，有时候要求去掉它。firefox及标准浏览器下可以用css属性outline：outline:none;/*0也可以*/IE下如下实现（据说过多使用效率低）：a { blr:expression(this.onFocus=this.blur());} 此外还可以使用hidefocus属性。webkit内核浏览器（Safari/Chrome）中点击链接后不会有虚线框，这应该是默认样式的问题。如果想让其和IE/Firefox一样点击后留下虚线框可加入以下：a:visited { outline:1px dotted gray;}最早期，用一种很蛋疼的方法，获..
阅读全文
摘要：IE11已经登录Win8.1，它的API有了很大变更一、User-agent字符串的更改IE10的是Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)IE11则是Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko比较一下会发现IE6-IE10的 “MSIE” 去掉了添加了 “like Gecko”，其它现代浏览器都有添加了特有的 “rv”二、修改，添加了一些APInavigator.appName 属性现在会返回 "Net
阅读全文
摘要：代码如下 Button在Form中具有submit的特性 BUTTON 光变置入输入域，敲回车键。非IE6、7中会依次弹出 1， 3。说明依次触发了button的click事件，且自动将form提交了。相关：http://www.w3.org/TR/html5/form...
阅读全文
摘要：IE6/7不支持字符串属性/索引读取（Property access on strings），其它浏览器则支持。如下alert('abcd'[1])IE6/7是undefined，其它浏览器中会返回'b'。相关：各浏览器关键字/保留字作为对象属性的差异
阅读全文
摘要：cloneNode来自于Node，用来复制一个相同的节点元素。它有一个布尔类型的参数，如果为true则其子节点也会被拷贝。但在不同浏览器中它的表现有些地方却不同。下面依次列出。一、IE6/7中radio和checkbox的checked和其它浏览器不同<input type="radio" checked="true" value="1"/><input type="checkbox" checked="true" value="1"/><scr
阅读全文
摘要：仅IE中HTMLElement元素具有clearAttributes/mergeAttributes方法，它们都是非标准的。一、.clearAttributes()该方法用来清除所有用户定义的属性。如下<div style="color:red;" onclick="alert(1)" data-a="a" data-b="b">Division</div><script> var div = document.getElementsByTagName('div'
阅读全文
摘要：beforeunload 指在页面卸载前提供的最后一次JS执行的机会。如下window.onbeforeunload = function() { return '您正在编辑的博客尚未保存，确定要离开此页吗？';};可以使用返回值文字来提示用户。但只有Firefox中却不显示该文字。当刷新页面时，各浏览器表现如下IE：Chrome：Firefox12：Mozilla官方说Firefox4之前的版本可以通过事件对象的returnValue修改该值，如下window.onbeforeunload = function(e) { e = e || window.event; // F
阅读全文
摘要：前端开发过程中，经常需要这样的场景。用JS实现将光标定位于输入框最右侧。场景一：编辑图片的描述文字场景二：Script.aculo.us的Ajax.InPlaceEditor类。双击可编辑，编辑后离开可自动更新该区域以上场景都需要JS实现将光标定位于输入框最右侧，却不是通过鼠标点入输入框内。我们知道...
阅读全文
摘要：后端同事想采用REST风格，hailiang在看jQuery文档时发现的$.ajax不是所有浏览器中都支持put/delete。但没有指出具体是那些浏览器。我新建了一个Java WEB项目测试所有浏览器，但都支持put和delete。测试浏览器版本如下Firefox 11Chrome 18Safari 5Opera11.62IE9 （含ie7,8模式）IE6 （IETester及虚拟机中的ie6）记录之！相关：http://www.douban.com/group/topic/5020441/http://annevankesteren.nl/2007/10/http-method-suppo
阅读全文
摘要：placeholder属性是HTML5中提出的，目前Firefox/Safari/Chrome/Opera都已经实现了。IE9仍然没实现。但Safari/Chrome中有个问题，点击文本框内文字不消失。如下<!DOCTYPE html><html> <head> <title>Safari/Chrome中placeholder属性实现不完整</title> <meta charset="utf-8"> </head> <body> <p> <input type
阅读全文
摘要：这个bug发生在下面的网页，http://yyhygw.blog.sohu.com/204511710.html博客文字在IE下有背景色，其它浏览器没有。重现代码如下<!DOCTYPE html><html><head><meta charset="utf-8"/></head><body><span style="background-color:gray;"> <p>block element</p> <div>block elem
阅读全文
摘要：测试代码如下<!doctype html><html> <head> <title></title> <meta charset="utf-8"> </head> <body> <iframe frameborder="1" style="height: 330px;"></iframe> <button>测试1</button> <script> var ifr = docume
阅读全文
摘要：设置iframe的document.designMode为On可以让其可编辑，一般用在富文本编辑器组件中。这里仅列出各浏览器差异。重现如下：<!doctype html><html> <head> <title>设置iframe的document.designMode后仅Firefox中其body.innerHTML为br</title> <meta charset="utf-8"> </head> <body> <iframe frameborder="1&qu
阅读全文
摘要：如下<!doctype html><html> <head> <meta charset="utf-8"> <title>IE6/7不支持hashchange事件</title> <script type="text/javascript"> function handler(){ alert('triggered') } document.onclick = function(){ var t = Math.random(); lo...
阅读全文
