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 ...
随机推荐
- Day3~Day7(2016/1/23~2016/1/27)
活动的生命周期:onCreate();onStart();onResume();onPause();onStop();onDestroy();onRestart(); 活动的启动模式:standard ...
- java工具类目录
1 读取properties文件数据 http://www.cnblogs.com/xumin/p/3143762.html 2 发送邮件 3 发送短信 4
- 用Appium进行android自动化测试
appium是开源的移动端自动化测试框架,可以测试ios,android应用.appium让移动端自动化测试不必限定在某种语言和某个具体的框架:也就是说任何人都可以使用自己最熟悉最顺手的语言以及框架来 ...
- WINDOWS命令和批处理
转:http://www.cnblogs.com/itech/archive/2009/04/15/1436409.html 另外查看WIndows和Linux的所有命令:http://www.ss6 ...
- easyui combobox级联(转载)
一.创建combobox 有如下几种方式可以创建一个combobox 1.使用select标签,并加上class="easyui-combobox",这种方式比较适用于静态的选项. ...
- soap ui 进行接口测试
[前置条件] 1. 电脑上已安装soap UI 5.0 2. 电脑上已安装eclipse. JDK1.6.tomcat 3. eclipse已经成功的配置JDK1.6.tomcat [操作步骤] 1. ...
- 使用maven来管理您的java项目
maven是一个项目管理工具,使用maven可以自动管理java项目的整个生命周期,包括编译.构建.测试.发布和报告等.在大型项目开发中,使用maven来管理是必不可少的. 一.安装maven 1.W ...
- [Android Tips] 4. Dismiss PopupWindow when touch outside
PopupWindow.setFocusable(true);
- c# 中几个关于string问题
1.string是一个应用类型,而不是值类型:为什么用起来很像值类型?因为微软对其做了特殊处理. 2. using System; namespace testForString { class Pr ...
- 使用 Google Guava 美化你的 Java 代码
文章转载自:http://my.oschina.net/leejun2005/blog/172328 目录:[ - ] 1-使用 GOOGLE COLLECTIONS,GUAVA,STATIC IMP ...