`
ronon
  • 浏览: 192257 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

Jquery IE8兼容性

 
阅读更多

环境: jsp+jquery-1.11.1.min.js

问题描述:

使用$("#article标签id名").append(“xxxxxxxxx") ,chrome、firefox、ie10全部可以正常增加元素,唯独ie8下显示为空,调试无数次,才意识到IE9以下不支持HTML5标签,以下是百度到的解决办法,放在<head></head>里面即可。

这段代码的意思是如果ie版本低于ie8,就创建所有HTML5新标签。

 

<!--[if lt IE9]> 
<script> 
   (function() {
     if (! 
     /*@cc_on!@*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

 

这里是详细说明:

http://www.cnblogs.com/Capricornus/archive/2013/03/26/2982122.html

 

实际使用的时候,目的是达到了,

但是ie任何版本浏览器页面左上角会出现代码<!--[if lt IE9]> <![endif]-->

汗。。。最后把<!--[if lt IE9]>改成<!--[if IE 8]>,才OK

 

 

调试的过程中,还碰到两个问题,一起记录一下

1.ie8不支持 $("title").html("xxxx") 的写法,而且会直接报错导致后面的js无法执行,

   改为document.title="xxxxx" 即可。

2.ie8下使用append()函数为在指定标签末尾插入html字符串时,a标签必须要有结束标签

例如 $("#td1").html("<a href='#'>这是一个链接");

这种写法在chrome、firefox、ie10都没问题,可是在ie8下就不行,ie8会直接忽略掉没有结尾的a标签,所以必须写成  $("#td1").html("<a href='#'>这是一个链接</a>");   这种规范的形式。

(一般人应该都不会忘记写结束标签,这是维护代码的时候碰到的一个坑)

分享到:
评论

相关推荐

    百度编辑器1.4.3.3版本IE8兼容性问题

    本文将深入探讨“百度编辑器1.4.3.3版本IE8兼容性问题”,并提供解决方案。 百度编辑器(UEditor)是一款功能强大的在线富文本编辑器,广泛应用于网站内容编辑、论坛发帖等场景。然而,在旧版浏览器,如Internet ...

    easyui&jquery兼容版本(兼容IE8的最后版本)

    本篇文章将详细探讨EasyUI与jQuery的兼容性,特别是针对IE8这个老版本浏览器的适配策略。 首先,EasyUI是一款基于jQuery的前端组件库,它提供了丰富的UI控件,如对话框、表格、树形结构等,极大地简化了网页开发的...

    百度地图轨迹 jquery 兼容ie低版本

    标题“百度地图轨迹 jQuery 兼容ie低版本”暗示我们需要关注的两个主要技术是百度地图API和jQuery的兼容性策略。百度地图API是百度提供的用于在网页上展示地图、定位、路径规划等功能的JavaScript接口。而jQuery的...

    IE兼容性解决IE兼容性解决IE兼容性解决IE兼容性解决

    本文将深入探讨如何解决IE兼容性问题,尤其是针对IE8版本的优化策略。 一、理解IE的DOCTYPE及其影响 DOCTYPE声明在HTML文档的开头,用于告知浏览器应使用哪种HTML或XHTML规范来解析页面。IE浏览器在不同的DOCTYPE...

    IE8兼容性和判断IE浏览器版本

    IE8兼容性和判断IE浏览器版本 IE8兼容性是前端开发中经常遇到的问题,特别是在使用老版本的IE浏览器时。下面是IE8兼容性中的一些常见问题和解决方法: 首先,IE8只支持jquery2.0以下的版本,因此在使用jquery时...

    jquery图片轮播兼容IE

    以上就是使用jQuery实现图片轮播的基本步骤,包括手动切换、自动播放和键盘导航,同时也考虑了IE浏览器的兼容性。通过这样的实现,可以在各种浏览器上提供一致的用户体验。在实际项目中,还可以根据需求添加更多的...

    ie8以下浏览器不兼容jquery解决方案

    然而,早期版本的IE,特别是IE8及以下,由于其对ECMAScript标准支持不足,以及对现代Web技术的兼容性问题,导致与jQuery的兼容性较差。 解决这个问题,我们可以采取以下几个策略: 1. **使用jQuery的兼容性版本**...

    jquery生成二维码兼容IE

    总的来说,通过使用`qrcode-generator`库生成二维码,结合`html2canvas`将二维码转换为canvas,我们可以实现jQuery生成的二维码在IE浏览器中的兼容性。这种方法不仅适用于开发,还可以帮助用户在各种设备和浏览器中...

    Jquery对话栏 兼容 精简jQuery代码兼容ie6+主流浏览器

    "Jquery对话栏 兼容 精简jQuery代码兼容ie6+主流浏览器"这个主题涉及到的关键知识点包括jQuery对话框的实现、浏览器兼容性处理以及代码优化。 首先,jQuery对话框(Dialog)是一种交互式组件,它允许用户在不离开...

    基于Jquery可居中显示并兼容IE6+/FF等浏览器的瀑布流程序(jquery.easing.js,jquery.vgrid.js实现)

    在本项目中,通过结合Jquery库和两个特定的插件——jquery.easing.js与jquery.vgrid.js,实现了这种布局,并且确保了在包括IE6+以及Firefox在内的多种浏览器中的兼容性。 1. Jquery:Jquery是一个广泛使用的...

    jquery兼容ie8的tabs选项卡插件tabslet

    总结起来,"jquery兼容ie8的tabs选项卡插件tabslet"是解决旧版浏览器兼容性问题的一个实例,它利用jQuery和一系列技术策略,如$.browser检测、CSS Hack、事件处理和渐进增强,为IE8提供了功能完备的选项卡功能。...

    IE6-IE11兼容性问题列表及解决办法.rar

    2. **JavaScript兼容性**:IE6-IE8对ECMAScript 5标准支持不足,可能导致函数、对象属性和事件处理的不一致。例如,`Array.prototype.forEach`在IE9以下版本不被支持。开发者可以使用`es5-shim`和`es5-sham`库来弥补...

    IE5,IE6,IE7,IE8的css兼容性列表

    总的来说,IE5至IE8的CSS兼容性问题给前端开发带来了很大的困扰。开发者需要使用条件注释、专门针对IE的CSS Hack或JavaScript库(如jQuery)来解决这些问题。随着现代浏览器的普及,这些旧版本IE的兼容性问题逐渐...

    JQuery生成静态柱状图实例IE6\7\8,FF兼容

    由于Flash在某些浏览器中是被支持的,这确保了在IE6、7、8等浏览器中的兼容性。"sample.xml"可能包含了柱状图的数据,XML是一种结构化数据存储格式,易于解析和操作,适合用来传递图表的数据。 "charts_library"很...

    帮大家整理了jquery所有版本,我常用的是1.7.2,注意IE8兼容要用2.0以下版本的jquery

    - **兼容性**:如果项目需要支持IE8或更低版本,应选择1.7.2或更低的版本。 - **性能**:对于现代浏览器,3.x系列可能提供更好的性能。 - **特性需求**:新版本通常包含更多功能和改进,但也要确保项目中其他依赖能...

    bootstrop兼容IE8的代码

    4. **jQuery版本**:Bootstrap 3需要jQuery 1.9.1及以上版本,但要注意,某些旧版本的jQuery可能与IE8存在兼容性问题。选择一个支持IE8的jQuery版本是必要的。 5. **CSS polyfills**:可能需要为IE8添加一些CSS3...

    IE8 的兼容性问题总结

    标题中的“IE8 的兼容性问题总结”表明了本文将主要讨论在开发Web应用时,针对Internet Explorer 8(简称IE8)浏览器所遇到的兼容性挑战。在Web开发领域,尤其是在IE8这样的旧版浏览器上,由于其对现代Web标准支持的...

    兼容IE8的jQuery宽屏幻灯片轮播插件.zip

    这个插件利用了jQuery库的灵活性和广泛兼容性,实现了在宽屏显示中的动态幻灯片效果,能够无缝地切换图片或内容,提供用户友好的浏览体验。 【描述】中提到,这个插件不仅具有实用性,还支持自定义和二次修改。这...

    验证码IE7、IE8兼容

    应使用IE支持的ES5语法编写代码,并考虑使用jQuery等库来增强兼容性。 4. Canvas绘制:现代验证码有时会使用HTML5的Canvas元素进行绘制,但IE7和IE8并不支持Canvas。若要兼容,可以使用Flash作为备选方案,或者使用...

    IE6升级到IE9兼容性问题和操作手册

    【IE6升级到IE9兼容性问题和操作手册】 在互联网技术不断发展的今天,老旧的浏览器版本如IE6已经无法满足现代网页的需求。因此,升级到更现代的版本,如IE9,是必要的。然而,这个升级过程并非一帆风顺,会涉及到...

Global site tag (gtag.js) - Google Analytics