随笔分类 -  兼容

【一天一道兼容性】之——IE下new Date()的传参格式
摘要：少叙闲言在表单中我们常用到输入日期，有日期就会有格式要求，所以我们会采用插件一类的方法来统一输入格式，例如yyyy-mm-dd、yyyy/mm/dd，这一类的格式在直接以字符串的形式传入Date()来获取时间对象的时候，Chrome和FF都会表现正常，但IE下全系歇菜......正题demo：1 var time_1 = "2012-12-12";2 var time_2 = "2012/12/12";3 4 alert(new Date(time_1)) //Chrome/FF: Thu May 30 2013 09:40:45 GMT+0800 (中 阅读全文

posted @ 2013-05-30 10:08 _xiaoMo_ 阅读(2624) 评论(0) 推荐(0) 编辑

【一天一道兼容性】之——IE、FF、Chrome下的表单重定向的挂起
摘要：少叙闲言利用隐藏域提交表单是大家常用的办法，但是如果这个表单是post方法，而且主页面下想反复的提交这个表单，就需要在提交后更新隐藏域的src，也就是在你提交后，删除此节点，然后再重新添加进来，但是这一过程，不同浏览器会处理的不同问题： 1 <button id="btn">submit</button> 2 <iframe id="expert_form" src="expert_form.html"></iframe> 3 <script> 4 document.getE 阅读全文

posted @ 2013-04-24 18:29 _xiaoMo_ 阅读(763) 评论(0) 推荐(0) 编辑

【一天一道兼容性】之——IE6下fixed失效
摘要：问题：demo：1 <style>2 html, body {margin: 0;padding: 0;}3 body {background-color: #aaa;height: 2000px;}4 #alertFram {background-color: #a00;width: 50px;height: 50px;position: fixed;left: 50%;top: 20%;}//IE6下fixed失效5 </style>6 <div id="alertFram"></div>解析问题：IE直到IE7才支持fi 阅读全文

posted @ 2013-04-22 18:36 _xiaoMo_ 阅读(376) 评论(0) 推荐(0) 编辑

【一天一道兼容性】之——IOS4及以下fixed失效
摘要：少叙闲言如今手机换代都快赶上换衣服速度了，每每出新手机都是各种搭载最新系统，大家都在关心android5.0该不该叫切糕？IOS的最新版啥时候出完美越狱……，可偏偏就总有些人抱着旧系统来测你的页面，没有那金刚钻，还非要揽这瓷器活？！android碎也就那么地了，你苹果来凑什么热闹啊……，今儿接到个任务，说是领导家有个亲戚，上我们时候首页的一个fixed元素在ios旧版本中失效，让做兼容……，好吧，为了什么鬼亲戚，我只能蝴蝶效应了……正题demo：<style> html, body, div, p {margin: 0;padding: 0; } body {height: 300 阅读全文

posted @ 2013-04-18 18:51 _xiaoMo_ 阅读(353) 评论(0) 推荐(0) 编辑

【一天一道兼容性】之——IE6、7、8中的空格、折行
摘要：demo1:1 <p id="p"> 123</p> <!--1之前有个半角空格-->2 <script>3 var p = document.getElementById("p");4 alert(p.innerHTML.length) //IE6、7、8弹出3，忽略了空格 标准浏览器弹出4 没有忽略空格5 </script>解析1：1 alert(p.innerHTML.charAt(0) == "\u0020") //IE6、7、8的charAt(0)为1 标准浏览器的 阅读全文

posted @ 2013-04-15 00:59 _xiaoMo_ 阅读(395) 评论(3) 推荐(1) 编辑

【一天一道兼容性】之——IE6、7中的setAttribute
摘要：问题：demo1：1 elem.setAttribute('class', 'bg'); //IE6、7中无效果demo2：<label>姓名：</label><input type="checkbox" id="name"/><script> var lab = document.getElementsByTagName('label')[0]; lab.setAttribute('for', 'name'); //IE6、7 阅读全文

posted @ 2013-04-13 20:42 _xiaoMo_ 阅读(465) 评论(1) 推荐(1) 编辑

【JS跨域取XML】之——借助AS的URLLoader
摘要：最近接到一个功能拓展需求，新需求中所引用的数据接口却只能提供XML格式……无奈自身功力有限，没有想到JS方面理想的解决方案，只好寻求AS工程师的帮忙，经过近2天的联调，最终解决了各浏览下的跨域访问。下面记录demo版代码：父页面HTML：<iframe id="hiddenIframe" style="width:0px; height:0px; border:0px none; *width:1px; *height:0px; overflow:hidden;"></iframe><button value="获 阅读全文

posted @ 2013-03-21 19:00 _xiaoMo_ 阅读(1005) 评论(0) 推荐(0) 编辑

【IE大叔的嘴歪眼斜】之—— 由hasLayout引发的临床CSS Bug表
摘要：IE大叔这嘴歪眼斜的毛病不是一天两天了，集体拉出来测试时候，明明大家都在微笑，就丫一副呲牙咧嘴的......哎，没办法，谁让咱国内市面上都是这种呲牙咧嘴的浏览器呢.....(关注IE678死亡速度)查阅，翻读，摘抄，记录，再逐一实践，总结，终于对他这个臭毛病有了根源上的认识。hasLayout！先上定义：它是IE的特有属性。它决定着一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算组织内容。为了区别这两个概念，渲染引擎采用了hasLayout的属性，true或false，当属性为true时，我们说这个元素触发了布局(Layout)。具有hasLayout属性的标签：< 阅读全文

posted @ 2013-03-07 19:02 _xiaoMo_ 阅读(1201) 评论(3) 推荐(2) 编辑

【IE大叔的杀马特审美】之——CSS盒子模型
摘要：干前端，跑不了和IE大叔打交道.....有句话叫存在即合理，IE大叔在前端界是灰常的NB啊，既然咱改变不了世界，就只能改变自己。先上定义：为了给浏览器上各个元素排版定位，浏览器会根据渲染模式为元素生产4个矩形框，分别从外到内为margin、border、 padding、content，它们不可分割，但可能重合，这就是所谓的盒子模型，即CSS对一个元素渲染后的抽象形态。来一起看看大叔的眼里的盒子。总结一哈： 盒子模型的范围也包括 margin、border、padding、content 但W3C认为：盒子大小= content ... 阅读全文

posted @ 2013-03-05 18:31 _xiaoMo_ 阅读(821) 评论(6) 推荐(0) 编辑

【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
摘要：在IE6中设置display:block的空容器一个较小高度时，如<p style="height:1px;"></p>，会发现其高度不能小于某个值<p style="background: #f00; height: 1px; font-size:0"></p><!-- demo1 -->demo1:设置font-size:0,但是这个容器的高度最小为2px,所以没有办法实现高度为1px的效果<p style="background: #f00; height: 1px; li 阅读全文

posted @ 2013-03-05 14:54 _xiaoMo_ 阅读(381) 评论(1) 推荐(0) 编辑

点击右上角即可分享
微信分享提示