javascript中一些常见的兼容性问题整理

关键词：

javaScript中一些常见的兼容性问题整理

            1）滚动条：

            document.documentElement.scrollTop||document.body.scrollTop

             

            2) 获取样式兼容

            functiongetStyle(dom, styleName){

            return dom.currentStyle?

            dom.currentStyle[styleName]

            getComputedStyle(dom)[styleName];

            }

             

            3) 网页可视区域兼容

            window.innerHeight || document.documentElement.clientHeight

            window.innerWidth || document.documentElement.clientWidth

             

            4） 事件对象兼容

            evt = evt || window.event;

             

            5） 阻止事件冒泡兼容

            event.stopPropagation?

            event.stopPropagation():event.cancelBubble=true;

             

            6）阻止默认行为兼容

            evt.preventDefault?evt.preventDefault():evt.returnValue=false;

             

            7）事件监听兼容

            if(document.all){

            dom.attactEvent(“onclick”, fn);

            } else {

            dom.addEventListener(“click”, fn);

            }

             

            8）事件目标对象兼容

            var t = event.target || event.srcElement;

前端兼容性问题——总览

...持某些属性或值，解决方法是使用CSShack或兼容性前缀。JavaScript兼容性问题：不同浏览器对JavaScript的解释也可能不一致，如一些浏览器不支持某些DOM方法或事件。解决方法是使用浏览器检测和兼容性处理。HTML兼容性问题：不同... 查看详情

在前端工作中遇到的一些常见的兼容问题

1.图片下方3像素：在div中插如图片时，图片会将div下方撑大3px；解决方案：（a）将<div>和<img>写在一行上（IE6、ie7）;　　　　　（b）将<img>转为块状元素，给<img>添加声明：display:block;　　　　　（c）给<div>... 查看详情

常见的javascript兼容问题

CSS多浏览器兼容性问题及解决方案一、document.formName.item(”itemName”)问题问题说明：IE下，可以使用document.formName.item(”itemName”)或document.formName.elements["elementName"]；Firefox下，只能使用document.formName.elements["elementName"]。 查看详情

javascript常见兼容问题汇总js(主要针对ie)(代码片段)

js中有很多兼容问题，今天先来讨论一些常用的关于低版本IE的兼容。（基本上都是为了兼容IE8一下的）一、事件对象的兼容问题（event）比如想要获取鼠标坐标时候需用到event，在高级浏览器中会主动传递该参数，但是在IE8及以... 查看详情

javascript常见兼容问题解决

 JS兼容问题//事件对象的获取document.onclick=function(e){　　var_e=window.event||e;}document.onkeydown=function(event){　　varcode=event.keyCode||event.which;//兼容性问题　　alert(event.which);//<IE9不支持}//事件委托list.o 查看详情

javascript常见火狐firefoxie浏览器兼容问题

1、关于event的用法IE中可以直接使用event对象，而FF中则不可以解决方法一：vartheEvent=window.event||arguments.callee.caller.arguments[0];解决方法二：是将event作为参数来传递functionxxx(e){vartheEvent=window.event||e;} 2、事件对象获取IE：event.srcEl... 查看详情

一些常见的样式需求整理（待更新）(代码片段)

限制2行文字超出显示省略号兼容字母和数字1.div2white-space:normal;3overflow:hidden;4text-overflow:ellipsis;5display:-webkit-box;6-webkit-line-clamp:2;7-webkit-box-orient:vertical;8word-break:break-all;9ViewCode  查看详情

web开发中常见的兼容性解决方案(持续汇总...)

-->大纲问题背景HTML篇CSS篇Javascript篇参考资料问题背景由于市场上浏览器种类众多，而不同厂商的浏览器其内核亦不尽相同，甚至同一厂商，不同版本之间的浏览器解析都有所不同。所以各个浏览器对网页的解析就有一定出入，... 查看详情

informatica环境搭建过程中一些问题-近期项目进了新人，在搭建环境中存在一些问题，之前都处理过一直没有整理，这次接着机会，把这些常见问题处理整理出来

一、Informatica9.5.1创建资源库出错找不到libpmora8.so    错误如下：　　Databasedriverevent...Erroroccurredloadinglibrary[libclntsh.so.10.1:cannotopensharedobjectfile:Nosuchfileordirectory]Databasedriv 查看详情

移动端常见的一些兼容性问题

  一、meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略 查看详情

javascript中一些常用的方法整理

当前时间和输入时间比较vartimeLong=Date.parse(newDate());//当前时间vart1=Date.parse($("#returnTime2").val().replace(/-/g,"/"));timeLong是通过js获取当前时间t1火狐不支持2012-1-1这种格式，所以需要转换一下。替换所有要替换的文字replaceAllString.prototyp... 查看详情

移动端常见的一些兼容性问题

1、安卓浏览器看背景图片，有些设备会模糊。是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960*640分辨率，在网页里只显示了480*320，这样devicePixelRatio＝2。... 查看详情

关于kubernetes集群中常见问题的排查方法的一些笔记

...·卡门青》因为没有具体的Demo，所以文章有些空，类似于一些指导思想，读着乏味，这里先列出干货：一些查问题的网站，关于内容之后有机会在补充 查看详情

javascript移动设备web开发中对touch事件的封装实例

在触屏设备上，一些比较基础的手势都需要通过对touch事件进行二次封装才能实现。zepto是移动端上使用率比较高的一个类库，但是其touch模块模拟出来的一些事件存在一些兼容性问题，如tap事件在某些安卓设备上存在事件穿透的... 查看详情

html&css常见问题整理

41.input标签存在的兼容问题？当input标签在type为text，在Firefox和Safari中的默认高度为22px（包括上下边框）宽度为146px（包括左右边框），而在IE中的默认高度为24px，而宽度却和Firefox和Safari是一致的，也是146px。当input标签在type为su... 查看详情

常见的浏览器兼容性问题总结

1、https://blog.csdn.net/zhuwanwanshay/article/details/51882923（常见的浏览器兼容性问题总结）2、http://www.jb51.net/article/55193.htm（css与javascript跨浏览器兼容性总结）3、https://blog.csdn.net/helloxiaoliang/article/details/5136 查看详情

前端jquery部分简单整理

...盖的问题，因此只能写一个事件。代码容错性差。浏览器兼容性问题。书写很繁琐，代码量多。代码很乱，各个页面到处都是。动画效果很难实现。jQuery的出现，可以解决以上问题。什么是jQueryjQuery是js的一个库，封装了我们开... 查看详情

javascript易错知识点整理

前言本文是我学习JavaScript过程中收集与整理的一些易错知识点，将分别从变量作用域，类型比较，this指向，函数参数，闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解，其中也涉及了一些ES6的知识点。JavaScript... 查看详情