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 ...
随机推荐
- controlling the variance of request response times and not just worrying about maximizing queries per second
http://highscalability.com/blog/2010/11/4/facebook-at-13-million-queries-per-second-recommends-minim ...
- Android如何通过shareduserid获取系统权限
[原文] android会为每个apk进程分配一个单独的空间(比如只能访问/data/data/自己包名下面的文件),一般情况下apk之间是禁止相互访问数据的.通过Shared User id,拥有同 ...
- java中日历代码的实现
import java.util.Scanner; com.lv.calendarWatch//包名 /* * 需求:输入一个年份和月份 ,显示当前月日情况 ,星期数要对应准确 * 1.1900年1月 ...
- ERROR 2006 (HY000) at line xx: MySQL server has gone away 解决方法
- autocomplete一次返回多个值,并且选定后填到不同的Textbox中
$(txtTest1).autocomplete({ source: function (request, response) { $.ajax({ url: 'HttpHandler.ashx?to ...
- grabcut
http://blog.csdn.net/zouxy09/article/details/8535087
- 我的AngularJS 学习之旅(二)
记得某位大神说过,"时间就像海绵里的水,挤挤总是有的.".大多时候,与其说我是很忙而没时间去做自己想做的事, 倒不如说是懒得去做罢了. 废话不多说,接前一篇继续吧 3.3 指令(D ...
- 一个Demo学完Android中所有的服务(转)
说明:这个例子实现了Android中常见的许多服务,下面是实现的截图 接下来,以源代码的方式分析这个例子 1.MainActivity--主界面 这个类主要是实现用户所看到的这个Activity, ...
- android-eclipse-phonegap 2..9以下(包含2.9)的项目配置
1.搭建android.eclipse环境,下载phonegap 2.9包 2.新建android项目 3.拷贝phonegap-2.9.0\lib\android\cordova-2.9.0.jar ...
- ECMAScript 6教程 (三) Class和Module(类和模块)
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出 原文连接,博客地址为 http://www.cnblogs.com/jasonnode/ .该系列课程是 ...