ie兼容问题整理
1.连续发请求问题
* jquery(document).ready(function(){})
* 连续发请求ie8出问题,被拦截问题,url后边加时间戳
* 例 url : url+"?t="+(Date.parse(new Date()) ),
2. $().data() 及select渲染问题
* select 渲染后没法影藏(加一个父节点包裹起来,影藏父节点)
* jquery('ele').data() 在ie8中只能获取到第一个data-的key-value值
3. 一些常见问题
* 1、form自动提交,input最好不要有value=""配置,同样如果一个表单中只有一个单行文本输入域(text),那么在这个输入域中按Enter键时,浏览器会自动提交该表单,解决方法就是加入一个影藏的input框(<input type="text" style="display:none;"/>)。
* 2、ie中checkbox遮罩层不起作用,给遮罩层加属性background-color:white
* 3、self.serviceOrderTrigger.trigger('click');//触发点击事件
* 4、css3动画transform类型一定要加前缀(如ie9不支持不加-ms的动画)
* 5、console.log一定要去掉,ie不支持出现兼容性问题
4. ie不支持jquery().remove()方法兼容处理
if(selectTarget.closest('td').children()[1]){
var navigatorName = "Microsoft Internet Explorer";
if(navigator.appName == navigatorName){
selectTarget.closest('td').children()[1].removeNode(true);
}else{
selectTarget.closest('td').children()[1].remove();//解决点击上下架后其他行select无法正常操作,采取先删除再重新渲染的方法
}
}
5.ie不支持hide()方法,用display:none代替
6.设置锚点
html代码
<div id="J_detail"></div> js实现锚点定位
/**
* 页面初始化时根据是否查询(url是否带参数)来定位聚焦模块
*/
initPosition:function(){
var url = location.search; //获取url中"?"符后的字串
if (url.indexOf("?") != -1) {
document.getElementById('J_detail').scrollIntoView();
}
},
7.判断对象是否为空及页面同步跳转方法
if($.isEmptyObject(paramsType)){
window.location.href = "onlineCommodity4Koubei.htm";//全部
}else{
window.location.search = $.param(paramsType);
}
8.浏览器及版本判断
<script>
// 判断ie6-8
var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0")
{
alert("您当前使用的浏览器版本过低,无法正常使用平台功能,推荐使用chrome浏览器或IE9以上版本。");
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0")
{
alert("您当前使用的浏览器版本过低,无法正常使用平台功能,推荐使用chrome浏览器或IE9以上版本。");
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0")
{
alert("您当前使用的浏览器版本过低,无法正常使用平台功能,推荐使用chrome浏览器或IE9以上版本。");
} </script>
ie兼容问题整理的更多相关文章
- javaScript事件机制兼容【整理】
[添加事件机制] addEventListener 和 attachEvent [W3C] addEventListener('click' , function(){alert('Hello ...
- Android OpenGL ES 开发(N): OpenGL ES 2.0 机型兼容问题整理
在使用OpenGL ES做开发的时候,发现不是所有机型对OpenGL的代码都兼容的那么好,同样的代码在某些机型上总是会出现问题,但是在其他手机上就是好的.下面是本人总结的OpengGL 兼容问题: 一 ...
- web浏览器兼容简要整理
ajax的创建 if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); } else { //IE6及其以下版本浏览器 var xhr ...
- ie10 css hack 条件注释等兼容方式整理
点评:ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于IE的css hack来 ...
- CSS-各种cs样式之浏览器兼容处理方式汇总大全(更新中...)
页面模板 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 ...
- 兼容和Error
兼容 IE兼容 ie没有forEach if(!Array.prototype.forEach) { Array.prototype.forEach = function(fun){ var len ...
- Htmlt_Div+Css简介
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV ...
- HTML5学堂 全新的HTML5/前端技术分享平台
HTML5学堂 全新的HTML5/前端技术分享平台 HTML5学堂是做什么的? HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织.致力于构建一个前端 ...
- URL Scheme与openURL
URL Schemes URL Schemes是苹果给出的用来跳转到系统应用或者跳转到别人的应用的一种机制.同时还可以在应用之间传数据. 设置一个URL Schemes:选中App工程->Inf ...
随机推荐
- jQuery ajax 返回的数据类型
请求数据的接口信息如下 当我们打印出返回的数据与数据节点时,我们发现数据节点显示为undefind 查看一下我们的代码 $.ajax({ type: "Post", url: &q ...
- [Android Tips] 17. Check APK Sign Info
$ jarsigner -verify -verbose -certs <apk file path> 查看 keystore $ keytool -list -keystore debu ...
- 九步轻松实现SVN创建管理项目
本节向大家描述一下在Windows上使用Subversion中如何使用SVN创建管理项目,在这里和大家分享一下,欢迎大家一起来学习在 使用SVN创建管理项目的方法.首先看一下SVN介绍. Subver ...
- 安装vim
命令安装vim sudo apt-get install vim
- Leetcode: Reconstruct Original Digits from English
Given a non-empty string containing an out-of-order English representation of digits 0-9, output the ...
- hduoj 3459 Rubik 2×2×2
http://acm.hdu.edu.cn/showproblem.php?pid=3459 Rubik 2×2×2 Time Limit: 10000/5000 MS (Java/Others) ...
- HTML5中的时间类型,另外EL表达式的时间值来读取时间,并且还可以更改时间
HTML5规范里只规定date新型input输入类型,并没有规定日历弹出框的实现和样式.所以,各浏览器根据自己的设计实现日历.目前只有谷歌浏览器完全实现日历功能.相信这种局面很快就会结束,所有的浏览器 ...
- 配置本地光盘为yum源
挂载cd-rom mount /dev/cdrom /mnt http://javaarm.com/faces/display.xhtml?tid=3520 关闭selinux vi /etc/sys ...
- 解决jQuery ajax跨域问题,Google、IE、Firefox亲测有效
直接上最后的结果吧 JS: $.ajax({ type: "GET", async: false, crossDomain: true, url: "www.test.c ...
- Microsoft Office Excel 不能访问文件及COM无法访问
Microsoft Office Excel 不能访问文件及COM无法访问 Microsoft Office Excel 不能访问文件“*.xls”. 可能的原因有: 1 文件名称或路径不存在. 2 ...