环境: 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>"); 这种规范的形式。
(一般人应该都不会忘记写结束标签,这是维护代码的时候碰到的一个坑)
相关推荐
本文实例分析了jQuery解决浏览器兼容性问题的方法。分享给大家供大家参考,具体如下: 问题: 当用户在名为abc的input控件按下回车键时,触发另一控件imgLogin的click事件 在IE 中 document.getElementById(‘abc’)....
兼容IE8的jQuery宽屏幻灯片轮播插件是一款兼容性很好的,使用非常简单的网站焦点图代码。
这是一款兼容ie8的响应式jquery轮播图插件。该jquery轮播图插件使用简单,浏览器兼容性良好。
jQuery滑出导航,从左侧滑出,由图片构成一组漂亮的菜单按钮组,平时是隐藏在左侧的,只显示了边缘,当你把鼠标放上去的时候,菜单...烈火下载提示:在IE7下兼容性有问题,可能无法正常显示,建议升级您的浏览器到IE8.
极具兼容性的jQuery二级下拉菜单代码,对CSS感兴趣的朋友可下载借鉴,兼容性这项技术标准,在现代的WEB2.0设计中越来越重要,因为用户使用的浏览器五花八门,各有各的内核,如果不兼容,很可能导致你的网页变形或...
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave ...
jquery.nicescroll兼容IE7-8,safari,firefox,webkit内核浏览器(chrome,safari)以及智能终端设备浏览器的滚动条,资源附有相关示例,使用简单便利。
这是一款兼容ie8的响应式jquery轮播图插件。该jquery轮播图插件使用简单,浏览器兼容性良好。
JQuery在IE8兼容性视图模式下操作Select的Options的Bug在本文进行重现并给出详细的解决方法,感兴趣的朋友可以参考下哈,希望对你有所帮助
Jquery插件 fixed 经测试IE6完美兼容 没有抖动 完美欺骗所有浏览器 引用更简单,不和和自己写的CSS冲突,程序小,兼容性更高,加快前端开发效率,如果感觉好,请留言,谢谢
兼容IE8的jQuery轮播图插件是一款兼容性很好的,使用非常简单的网站焦点图代码。
使用JQUERY-1.3.2实现的Google建议效果,IE和firefox兼容。完成的MyEclipse工程,希望对web开发的同仁有用。
主要介绍了jQuery实现的兼容性浮动层,可兼容IE、火狐等主流浏览器,涉及jQuery针对页面元素的运算与属性的动态设置相关技巧,需要的朋友可以参考下
兼容性非常好的js日历控件,可以兼容IE,谷歌,火狐等主流浏览器!
jquery.easyui 整站模板 html模板,支持IE7+以上浏览器
兼容IE8的jQuery宽屏幻灯片轮播插件是一款兼容性很好的,使用非常简单的网站焦点图代码。
一款兼容性好的jQuery二级下拉菜单,带主菜单子菜单,也就是可以显示二级菜单,可满足大部分网站使用。 兼容性表现: IE10 Firefox 35 , Opera 10 Safari 3 , Chrome 4.0等浏览器。
2、head区域引用文件jquery.js(必须是1.5.2以上的版本的jquery库),jquery.color-rgba-patch.js,example.js,lrtk.css,html5.js(为了保证IE浏览器的兼容性) 3、在文件中加入<!-- 代码 开始 --><!-- 代码 结束...
解决 IE下 上传文件的不兼容的问题,如果js已经改为兼容模式,浏览器仍然不兼容,则与jquery的版本有关系,需要更换jquery或者进行兼容性修改。