IE10/11克隆textarea时 bug
摘要：重现代码 以上网页代码，在 IE10/11 中输出如下 可以看到IE10/11克隆时竟然把值赋给了value，这是一个的bug。 其它浏览器输出的均是空字符串。 判断是否有该bug的函数提取如下
阅读全文
posted @ 2016-03-16 07:15
Snandy
If you cannot hear the sound of the genuine in you, you will all of your life spend your days on the ends of strings that somebody else pulls.
随笔分类 - Bug
IE6-11使用location.href提交时的链接复制到firefox或chrome时出现乱码
摘要：这是在开发国际机票查询页时碰到的一个问题，测试工程师在IE里执行查询操作，然后把查询的url赋值到firefox的地址栏，firefox打开后就变成乱码了。1. IE浏览器，选择出发地，出发日期等后点击下查询2. 跳转到查询页，复制下IE浏览器里的URL3. 拷贝到Firefox/Chrome浏览器...
阅读全文
posted @ 2014-12-30 06:52
Safari5及以下版本不支持Date的横杠字符串格式
摘要：Date构造器有多种方式创建方式一、new Date()// 当天var date = new Date() 二、new Date(value)// value 为一个整数var date = new Date(1411616202925)var year = date.getFullYear() ...
阅读全文
posted @ 2014-09-25 13:02
仅IE6/7中添加checked为true的input到DOM中为false
摘要：HTML INPUT元素有个checked属性，多数情况type为radio和checkbox。当创建一个input，checked属性赋值为true，添加到DOM文档中，当再次取checked属性时，IE6、7竟然是false。测试如下var div = document.createElemen...
阅读全文
posted @ 2014-06-21 22:18
IE6/7/8中parseInt第一个参数为非法八进制字符串且第二个参数不传时返回值为0
摘要：JavaScript中数字有十进制、八进制、十六进制。以"0"开头的是八进制，"0x"或"0X"开头的是十六进制。parseInt用来把字符串转换成整型数字，它接受两个参数，第一个参数为字符串，第二个为数字基数如8,10,16。parseInt(string, radix)当第二个参数不传时默认为1...
阅读全文
posted @ 2014-05-14 16:34
仅IE6中链接A的href为javascript协议时不能在当前页面跳转
摘要：切页面时有时用链接A来替代按钮，这样做有几个好处鼠标放上时默认有手状效果（不用添加cursor:pointer）可以添加低版本IE都支持的伪类如果点击时页面要整体刷新，即跳转，这时IE6则不尽人意，如下SinaSohuIE6中点击链接无法跳转，其它浏览器都可以。解决方法是改成锚点，SinaSohu如...
阅读全文
posted @ 2014-05-05 06:52
getBoundingClientRect在IE9/10里的bug
摘要：getBoundingClientRect可以获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置，最早在IE中实现，后其它浏览器均已实现。但它在IE9,10中有个bug，当出现垂直滚动条时，获取top总为0。其它浏览器则能正常获取。代码如下 IE9/10 getBoundingClientRect bug Top： 1. 把body设的较高，以出现垂直滚动条2. 鼠标向下拖动滚动条大概200px3. 点击页面任意处，通过getBoundingClientRect获取input元素的topFirefox/Chrome/Safari/...
阅读全文
posted @ 2013-12-20 11:16
Firefox中使用location.hash会自动decodeURI Bug
摘要：用一中文单词测试，比如“昌平” encodeURI后为“%E6%98%8C%E5%B9%B3”。在各浏览器地址栏输入: http://start.firefoxchina.cn/#%E6%98%8C%E5%B9%B3从控制台获取hash，各浏览器表现如下Firefox21Chrome27/Safari5IE9/10/11可以看见，只有Firefox中把#后的decodeURI了，这在Firefox的地址栏也可以看见。这应该是个bug，如果所有浏览器要保持一致（未decodeURI），使用以下代码function getHash(location) { var match = location.
阅读全文
posted @ 2013-06-04 10:51
动态创建script在IE中缓存js文件时导致编码不正确bug
摘要：先看下重现代码1，gb2312.html 该文件编码为gb2312 测试 2，utf8.js 该文件编码是utf-8var p = document.createElement('p');p.innerHTML = 'IE缓存导致乱码';document.body.appendChild(p);loadJS函数动态创建一个script，设置src，charset后添加到head中。这里每次点击按钮会将utf8.js引入到该页面中，utf.js内代码会创建一个p元素设置一段文本，然后添加到body上。第一次点击按钮，文字显示正常。第二次后，文字编码不正确了。如图如
阅读全文
posted @ 2013-04-11 14:09
光标从编辑器移入本页面中的其它输入域后，IE中每次只在编辑器首部插入内容
摘要：做编辑器开发时碰到的重现步骤： 1.将光标点到文本“some text”的末尾（想在“some text”后插入内容） 2. 将光标点到“输入域”的文本框 3.点击“插入HTML”按钮结果： 1.IE6-10中每次都在编辑器最前面插入内容 2.Firefox/Chrome/Safari中每次都在编辑器后面插入内容原因：应该是IE bug， 即光标离开编辑器，移入本窗口的另一个输入域后。IE不能记忆编辑器上一次的光标位置，这时插入内容时每次都在最前面插入。 其它浏览器则能记忆上一次光标位置，能满足用户需求。解决方案所有的编辑器如UEditor、KindEditor、...
阅读全文
posted @ 2013-02-27 17:44
各浏览器中innerHTML实现差异（2）
摘要：如下代码<p id="tit"></p><script> var p = document.getElementById('tit'); var div = document.createElement('div'); p.appendChild(div); try { div.innerHTML = "76" } catch(e) { //IE<9 ERROR alert(e) }</script>执行顺序如下1，获取页面上段落元素P2，创建一个块级元素div3，将d
阅读全文
posted @ 2012-04-24 18:30
各浏览器中innerHTML实现差异（1）
摘要：如下代码<p id="tit"></p><script> try { document.getElementById('tit').innerHTML = "<div>trtr</div>"; } catch(e) { //IE<9 ERROR alert(e) }</script>获取页面中id为tit的元素，为其innerHTML赋值。IE6/7/8中抛异常，其它浏览器正常。但规范指出，段落P是不能包含P自身及其它块级元素的。IE6/7/8的处理洽洽是对的，
阅读全文
posted @ 2012-04-24 17:59
IE8中超高元素设置透明度未生效bug
摘要：这是liaoxiang在sohu博首发现的（junhai的机器也重现了），精简后重现代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"/> </head> <body> <div style="height:4100px;background: gray;filter:alpha(opacity=30)"> <p>TEST</p> <p>TEST</p> <p&
阅读全文
posted @ 2012-04-20 11:37
IE6/7中获取Button元素的值的bug
摘要：如下<button value="abc">测试</button><script> var btn = document.getElementsByTagName('button')[0]; alert(btn.value); alert(btn.getAttribute('value'));</script>IE6/7:IE8/9/10/Firefox/Safari/Chrome/Opera:IE6/7 中返回的是innerHTML，实现错误。用getAttributeNode修复，如下<
阅读全文
posted @ 2011-08-27 19:04
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素，子元素依然能显示bug
摘要：多数情况下隐藏(设置display:none)一个元素，无需依次将其内的所有子元素都隐藏。非要这么做，有时会碰到意想不到的bug。如下1，两个div，d1中包含d22，d1，d2都设置了absolute或relative3，隐藏d14，隐藏子元素d25，显示d1这时IE6/7 and IE8/9/10(IE7模式)中会发现，子元素d2也能显示出了(别忘了，d2被display:none 了哦)。但IE8/9/10/Firefox5/Safari4/Chrome12中子元素d2仍然是被隐藏的。重现代码<!DOCTYPE HTML><HTML> <HEAD> &
阅读全文
posted @ 2011-07-18 14:54
IE6/7 and IE8/9(quirks mode)中Fieldset元素设置宽度后渲染成行内元素Bug
摘要：如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>IE6/7 and IE8/9(quirks mode)中Fieldset元素设置宽度后将表现为行内元素</title> </head> <body> <fieldset style="width:200px;background:gold"> FIELDSET </fieldset> <span style=
阅读全文
posted @ 2011-04-11 18:21
Safari5中alert的BUG
摘要：如下，alert无限循环下去<!DOCTYPE htmlt><html><head><meta charset="utf-8"></head><body onclick="alert(3)"><p>Safari alert Bug</p></body></html>猜测Safari5中将点击alert框的确定按钮也当成点击body了。事件一直冒泡到弹出框上。
阅读全文
posted @ 2011-04-07 17:54
IE中getElementsByTagName无法获取元素BUG
摘要：如下<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>IE中getElementsByTagName无法获取元素BUG</title></head><body><input type="button" id="test" value="TEST"><script> var html= '<input type=&quo
阅读全文
posted @ 2011-03-31 08:41
各浏览器中for in顺序的差异
摘要：如下var obj = { 2:"2", 40:"40", 15:"15"};for (var k in obj) { console.log(k); };IE6/7/8/Firefox/Safari:24015IE9/Chrome10/Opera11:21540即IE9/Chrome10/O...
阅读全文
posted @ 2011-03-29 13:41
Firefox中autocomplete="off" 设置不起作用Bug
摘要：在实现补全提示功能时(Suggest)，都会给输入框(Input)元素添加autocomplete属性，且值设为off。自动补全也成自动完成，最经典的如google的搜索框，输入一个字母后会给用户很多提示选择查看源码会发现input输入框加上了autocomplete="off"，此为了屏蔽浏览器表...
阅读全文
posted @ 2011-03-25 08:25
