ie的js兼容性 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

IE10的兼容性处理

IE10不支持箭头函数，写js的时候慎用。 IE10下对js的语法要求严格，正常参数后如果没有多余的代码，写个,会报错，如果加了删掉就OK，Chrome下不会产生影响。 zoom属性能不用，尽量别用。...我在Chrome使用zoom进行大小调整，放到IE10运行，整个页面都错位了，找半天才想起来之前给一个容器设置了zoom: 1.1;，真是让人头大。...IE10下img标签自带白边，在默认样式里面设置border: none;即可。 img { border: none; } IE10能兼容大部分的html5新标签，唯独不能兼容 main。...box-shadow 阴影属性其实IE10是支持的，但是需要注意语法问题，在普通浏览器color可以用rgba,#等写法，但是在IE10下，只能通过#000000写法，#和六位的颜色标记，不可以简写，否则不生效...IE10不兼容es6新语法。

1.3K1 0

IE11的CSS兼容性问题

最近测试给了我一大堆BUG，一瞅发现全是IE11的。吐槽一下这个浏览器真的比较特立独行。很多默认的样式跟别的浏览器不同，而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍。...于是在网上搜了一下有没有专门针对IE11的CSShack，就是只对IE11生效的CSS样式，一查还真有。...的样式要写在最后面防止被覆盖，当浏览器为IE11时，@media中的样式会被执行一遍。　　...还有一个就是IE11针对h5的表单验证部分，验证失败后input标签会出现一个红色的框，比较丑。...这个时候你只要针对专门的input标签，增加一个input{outline:none};就可以将红色的边框去掉了。　　今天大拿直接一行代码把我之前的IE11兼容性问题全解决了。不服不行。

2.9K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

ie浏览器的部分兼容性问题

IE下面axios设置禁止请求缓存无效解决方案：每次请求增加时间戳 service.interceptors.request.use(config => { if (config.method =...}, error => { return Promise.reject(error) }) 360浏览器切换急速模式和兼容模式会导致localStorage消失解决方案：改为设置cookie IE...浏览器下把网站加入兼容性视图之后，网站打不开解决方案：添加meta头部标签 <meta http-equiv="X-UA-Compatible" content="IE=edge">

1.2K3 0

js调用ie打印

<object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A...

32.9K3 0

IE对文档的解析模式及兼容性问题

深入研究这个问题源于最近制作的几个页面，交给前端后，发现在IE8下，对于JS动态控制的内容，页面高度不能够随着动态的调整。...最后的解决方法是使用 x-ua-compatible ，来强制IE8使用IE7的模式来解析页面。下面是整理的一些相关的资料。...IE的文档模式 Document Compatibility 决定了IE如何渲染你的页面，IE支持不同的 document (compatibility) mode。...IE6之后的所有IE浏览器都支持以下几种模式： Standards mode：就是每个浏览器版本所提供的最新的功能，也是默认的模式； Quirks mode：这个模式强调兼容性超过标准（影响可以看这里）...如下面的例子，在IE8进行浏览时，将会使用IE7的标准模式进行渲染，因为他本身不支持IE9和IE10。

1.6K1 0

【CSS】处理兼容性问题 | CSS Hack | IE

IE条件注释法，即在正常代码之外添加判别IE浏览器或对应版本的条件注释，符合条件的浏览器或者版本号才回执行里边的代码。 IE]> 你想要执行的代码 IE 8]> 你想要执行的代码 IE 8]> 你想要执行的代码 CSS属性前缀法，即是给css的属性添加前缀。...IE6可识别 *div{color:red;} IE7可识别 *+div{color:red;} 主要兼容性问题淘宝网样式初始化： body, h1, h2, h3, h4, h5, h6...：IE盒子模式和W3C标准模式，所以对象的实际宽度也要注意：** IE/Opera：对象的实际宽度 = (margin-left) + width + (margin-right) Firefox/

1.3K2 0

编写兼容性JS代码

前文介绍了：　1 DOM四个常用的方法　　2 使用DOM核心方法完成属性填充本篇主要介绍在JS中需要注意的几个地方，另外为了减小html与javascript的耦合使用java进行onclick...其实javascript不是一门简单的语言，但是由于入门简单，很多人使用的时候，都是直接复制粘贴，导致网页中充斥着大量的冗余代码。　　...但是在编写合格的javascript代码时，需要注意：　　1 平稳退化：保证在不支持js或者低版本的浏览器也能正常访问　　2 分离javascript：把html与javascript分离，有助于后期代码的维护...　　3 向后兼容性：确定老版本的浏览器不会因为脚本禁止而死掉　　4 性能考虑：确定脚本执行的最优　　编写优化的代码　　针对前一篇中的相册的代码，这里主要修改的地方是把onclick方法删除，在页面加载时...，添加了很多的安全性检查和兼容性，另外一个就是优化onload方法。

4.5K9 0

JS魔法堂：再识IE的内存泄露

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　 IE6~8除了不遵守W3C标准和各种诡异外，我想最让人诟病的应该是内存泄露的问题了。...JS Engine Object、DOM Element 和 BOM Element 2.2. JS Engine Object的内存回收机制 2.3....JS Engine Object的内存回收机制 IE的JScript Garbage Collector采用的是Mark-and-Sweep算法，当执行垃圾回收时会先遍历所有JS Engine...由于Mark-and-Sweep算法的缘故，也能很好地释放引用孤岛的内存空间。而IE下独有的CollectGarbage()则用于回收无引用或引用孤岛的JS Engine Object。 ...由于IE8会对非原始尺寸的图片进行抗锯齿平滑处理，从而消耗更多的CPU和内存资源。当图片大小和尺寸到一定时，则会出现挂死的情况。

4.5K5 0

WebBrowser（IE）与 JS 相互调用

但是说到和JS的调用，不得不说还是IE 的WebBrowser 最为简单方便。至于IE 为啥方便而其他的不方便，以后我会写文章分析。...结构，在标签后添加标签，程序加载最后会执行text 中的JS代码。...JS 调用 C# 方法接下来，我们来说说今天的重点，在JS中怎么调用C# 提供的方法。...，但是对于复杂对象传递，涉及到JS对象和C#对象转换，并不是很方便，能用字符串的还是用字符串吧。...用JSON传递是个不错的选择，C#和JS中都有JSON转换工具，可以试试。以上！

6.4K7 1

IE下JS文件失效问题总结

今天遇到了一个很诡异的问题，Firefox下好好的页面，在IE下却接二连三的报错，这到底是什么地方产生的错误。经过一上午的仔细排查，发现了真凶原来是IE对于对象和数组定义的严格限制。...在JS中，我们一般定义数组和对象都如下： var arr = [ 　　arr1, 　　arr2, 　　arr3, 　　arr4 ]; 对象： var obj = { 　　param:one,...　　param:two, 　　param:three }; 如果最后的一项多了一个“,”，那么在IE中就会产生错误，从而最终导致引用的JS文件失效。...例如： js'> function a(){ ... } var obj = { 　　param:a,...　　param:b, 　　param:c, js'> a(); alert(obj); 这个时侯就会出现函数调用的错误

4.9K3 0

用属性选择符来解决IE跟FF的兼容性问题

用属性选择符来解决IE跟FF的兼容性问题由 Ghostzhang 发表于 2006-04-24 11:39 从之前写过的《属性选择符的使用》中发现了一个可以用来解决IE跟FF兼容性的问题，因为IE...下面来看看可以怎么做：图片图片图片从上面的例子可以看到，在IE中二个层里的文字颜色跟在FF中的文字颜色是不一样的，也就是说可以使用属性选择符来来写针对FF的样式。可能你会说用!...important声明提高样式的优先级不就完了吗，用属性选择符来为FF写样式意义不大。使用!important声明的确是比较方便，但IE6也认识这个声明，也就是说如果你给FF写了!...important声明，那就得再为IE写一个样式来还原默认值，才能让IE6也显示正常。使用属性选择符就不会有这样的问题，而且可以将多个定义写到一起，是不是比较方便呢？...在《CSS样式的优先级补遗2》及《属性选择符的优先级》中我们了解到，ID选择符的特性值为100，而属性选择符的特性值为11，即不能达到将样式定义分开的目的。

6292 0

原生JS中的拖拽事件兼容性问题

写个小Demo，分享一下使用原生JS实现拖拽时的兼容性问题如何解决？代码如下：原生JS...中的拖拽事件兼容性问题 #div1 { width: 100px; height: 100px;...oDiv.offsetLeft; var disY = oEvent.clientY - oDiv.offsetTop; //如果是IE...oDiv.onmousemove = fnMove; oDiv.onmouseup = fnUp; //针对IE

3.1K1 0

js判断IE版本，禁止低版本IE浏览器代码

对于大多数程序员和美工设计人员来说，ie6,7漏洞颇多，兼容性问题不断，今天我们就来写一段javascript代码强制用户升级到IE高版本： var Sys = {}; var ua = navigator.userAgent.toLowerCase...(); if (window.ActiveXObject){ Sys.ie = ua.match(/msie ([\d.]+)/)[1]; if (Sys.ie的IE版本为'+Sys.ie+'版本太低，请升级！')...; location.href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie"; } }

6.7K2 0

WebSocket 学习笔记--IE，IOS，Android等设备的兼容性问题与代码实现

二、协议分析 2.1 WebSocket的请求包首先把原来做Socket通信的程序拿出来，跟踪下浏览器在WebSocket应用请求服务端的时候发的数据包的内容： IE11： GET /chat HTTP...WebSocket握手协议 http://blog.163.com/liwei1987821@126/blog/static/17266492820133190211333/ 2.2，IE 对WebSocket...的支持问题这里有必要单独拿出来说，IE10以后才支持HTML5，因此也要这个版本后的浏览器才支持WebSocket，所以默认的Win7下面的浏览器都没法支持。...我测试用的是Win8.1的IE11，可以支持WebSocket，效果跟FireFox、Chrome一样，但有一个恼火的问题，IE的WebSocket它会自动向服务器端发起“心跳包”，而此时服务端使用SockeAsyncEventArgs...此时需要修改一下WebSocket对接受到数据的处理方式，如果客户端发送的是无效的数据，比如IE的心跳数据，那么直接过滤，不写入任何数据，将服务端的代码做下面的修改即可：

3.6K8 0

js判断IE6（推荐方法一）

不得不使用判断的方法 //方法1:推荐 if ( /MSIE 6/.test(navigator.userAgent)){ } //方法2： if ( navigator.appVersion.indexOf...("MSIE 6")>-1){ } //方法3：检查浏览器能力来判断是否是IE6 if ( !!

6.3K8 0

CSS Hack解决浏览器IE部分属性兼容性问题

阅读目录一、Css Hack 不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果...二、Css Hack分类 2.1.属性前缀法(即类内部Hack)：如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，IE6~IE10都认识"\9"....IE条件注释法(即HTML条件注释Hack)：针对所有IE(注：IE10+已经不再支持条件注释)： IE]>IE浏览器显示的内容，针对IE6及以下版本： IE 6]>只在IE6-显示的内容。...2.3.IE条件注释法(即HTML条件注释Hack) ?

1.6K2 0

IE6,IE7,IE8下报JS错误:expected identifier, string or number的原因及解决办法

今天在调试一个页面的时候遇到一个问题，在IE9下运行得很好的脚本，在IE8里打开的时候弹出错误：expected identifier, string or number，按照经验，应该是定义对象的时候最后一个属性末尾跟了逗号...，但检查一遍后没发现有这种情况，后来仔细看了一下报错的位置，发现有定义json对象属性时，属性名没有用引号括起来，于是加了上去再试，问题解决了。...综上所述，当出现expected identifier, string or number的错误时，你首先应该检查在使用对象字面量时是否在最后一个属性后跟了逗号，这在js新手写的代码中比较常见，如： {...‘a’: ‘aValue’, ‘b’: ‘bValue’, } ，其次，应该检查字面量的属性名是否用引号括起来了，错误示例： { a: ‘aValue’, b: ’bValue’ } 改成: {

2.7K3 0

JS获取事件对象，获取事件的源对象（Firefox，IE）

做笔记，以防自己忘记~~ JS获取事件event，不同浏览器有不同的做法。例如IE下，在js函数中，通过window.event就可以获取，不必在函数中添加什么参数。...也可以用Prototype或者JQuery等，它们有他们对事件的包装。还是使用JS库比较好，不然就有下边的麻烦。...同时注意event的兼容性问题。感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。...下的 event.target = IE 下的 event.srcElement 解决方法:使用obj(obj = event.srcElement ?...在 ie中处理事件直接使用window.event对象即可,但在firefox中,是没有 window.event对象的,函数需要使用事件的时候,需要在事件发生时把事件作为参数传递给函数,不象在ie

13K5 0

JS魔法堂：精确判断IE的文档模式by特征嗅探

但随着IE8提供可选的文档兼容性模式设置和各种加壳浏览器的出现，导致无法通过navigator.userAgent和navigator.appVersion的属性值准确判断浏览器实际提供的API特性和文档模式...+[1,];就是判断是否处于IE5678的文档模式下的特征嗅探。...== -1; 注意：若通过IE8+通过指定文档兼容性模式的方式，设置为IE6的文档模式，那么上述的 var isIE6 = isLteIE8 && !isIE5 && !...XMLHttpRequest 将判断错误，因为这时XMLHttpRequest是存在的，这是由于文档兼容性模式仅仅是尽量模拟旧版本浏览器而已，不完全等同于旧版本浏览器。...四、总结　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　由于本篇重在代码实现上，结合《JS魔法堂：浏览器模式和文本模式怎么玩？》也许会更易理解本篇内容。

2.1K9 0

JS魔法堂：IE5~9的Drag&Drop API

二、IE5~9与HTML5的DnD API的不同点　　　　　　　　　　　　　　　　 1....IE5~9下的[object DataTransfer]存储的大类型中，不支持文件类型，仅支持字符串类型。因此无法实现从外部拖拽文件到文档内，实现文件上传的功能。...，测试结果可能与实际的IE5~9有所差别，欢迎各位指正！）...IE5~9的情况拖拽方式默认效果页面内部的拖拽释放 1。拖拽 img元素和 a[href]元素时，对应的元素跟随鼠标移动，但释放无果; 2. ...Chrome的情况效果与IE5~9的相同，就是多了下面的几点而已。　　　1.

1.6K10 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭