浏览器兼容性汇总--JavaScript篇】的更多相关文章

目录 JavaScript中的兼容性汇总 1.        HTML对象获取问题 2.        const问题 3.        event.x与event.y问题 4.        window.location.href问题 5.        frame问题. 6.        模态和非模态窗口问题 7.        firefox与IE的父元素(parentElement)的区别 8.        document.formName.item(”itemName”) 问…
近期公司职务变动,我大部分工作时间都在做web前端开发.工作性质主要是跟javascript和css(层叠样式表)打交道,而JavaScript兼容性一直是Web开发者的心病,当然我也不例外,虽然我大学时自己也试着搞过几个网站,但当时才疏学浅兼容性这方面的功能根本没有考虑过,导致开发出来的网站在不同浏览器下其形怪异,各种异常,不仅用户不满意,连自己也有点羞愧自己的技术不到位.现在有了这些意识加上行动,问题就会得到解决,在这里总结一些在开发过程中遇到的问题及解决方法,记录到博客园方便自己以后查阅,…
目录 CSS篇 1.       cursor:hand   VS   cursor:pointer 2.        innerText在IE中能正常工作,但在FireFox中却不行 3.        CSS透明 4.        css中的width和padding 5.        FF和IE BOX模型解释不一致导致相差2px 6.        IE5 和IE6的BOX解释不一致 7.        ul和ol列表缩进问题 8.        元素水平居中问题 9.      …
本文与上一篇随笔<浏览器兼容性之Javascript篇>有一定关联,下来我会继续不断总结,旨在解决浏览器兼容性,对遇到类似问题的同仁有所帮助,如有更多解决浏览器兼容性的案例还望大家分享一起讨论. 最近公司的BS产品对浏览器兼容性呼声愈来愈多,具体用户事情情况其实不是我关心的问题,总之工作都是都围绕着IE6-IE10(IE11暂时没涉及),Chrome,FireFox三大主流浏览器进行,(顺便吐槽一下Firefox已经算不上主流了),另外360和搜狗浏览器的使用者还是比较多.作为平台维护的我不论…
1.css选择器 css(包括css1.css2和css3)有哪些选择器? http://www.w3school.com.cn/cssref/css_selectors.asp 2.CSS3选择器 因为CSS1和CSS2选择器浏览器兼容性很好,因此本文主要讲解CSS3选择器,CSS3选择器一共有21个,他们为: 3.CSS3选择器的兼容性 根据Can I Use:http://caniuse.com/#search=nth-of-type 可知: 结论: (1)对于IE7和IE8浏览器来说,只…
1.DOM中的所有节点都继承自Node类型,IE9之前将DOM节点作为COM对象来实现:每个DOM节点都有一个nodeType属性来表明节点类型,总共有12个类型: Node.ELEMENT_NODE Node.ATTRIBUTE_NODE Node.TEXT_NODE Node.CDATA_SECTION_NODE Node.ENTITY_REFERENCE_NODE Node.ENTITY_NODE Node.PROCESSING_INSTRUCTION_NODE Node.COMMENT_…
1.childNodes引入空白节点问题:使用childElementCount或children 2.innerText: FF中不支持该属性,使用textContent代替 3.变量名与某HTML对象id相同时,引用该变量只会取得id名与其相同的html对象(ie8-):声明变量时前面一律加上var,尽量避免id名与变量名相同 4.为ele.style.property赋值时一律带上单位:e.style.height= 34 + ‘px’ 5.禁止选择网页内容: //IE document.…
1.      在FireFox中能够使用与HTML节点对象ID属性值同样的JS变量名称.可是IE中不行. 解决的方法:在命名上区分HTML节点对象ID属性值和JS变量 2.      IE不支持JS的const,无法定义JS常量 解决的方法:所实用var定义为变量 3.      在JS中书写URL地址字符串时&字符就直接写为"&"(去掉双引號),不要写"&".否则easy出现URL识别不正常的错误 4.      在IE中能够通过show…
总结一下平时遇到的浏览器兼容性问题,本篇关于JS. 1.事件绑定 兼容写法: function add(obj,event){ if (obj.addEventListener) { obj.addEventListener(event,fn,fase); }else{ obj.attachEvent("on"+event,fn); } } 小结:addEventListener()兼容firefox.chrome.safari.opera.IE9+ attachEvent()兼容IE…
看下面的代码 <script type="text/javascript"> var dt1 = new Date('2016-3-4 11:06:12'); alert(dt1); </script> 在chrome浏览器中打开没问题,在safari浏览器中打开会提示Invalid Date. 说明上面的写法有浏览器兼容性问题,查一下new Date的初始化参数有5种形式: 1)new Date("month dd,yyyy hh:mm:ss&quo…