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 ...
随机推荐
- xib连线出错,模型保存cell状态(最后个Cell隐藏分割线),
一个.m文件中有好几个cell类,拖线,要看看该控件对应的是哪个类,否则点击事件不响应,因为归属的xib错了 拖不过来线,因为是view拖不动,加了个button就行了 使用模型属性记录是否隐藏c ...
- C#异步编程简单的运用
当一个方法中有很多复杂的操作的时候就可以使用异步编程. 假如说这一个方法中有很多复杂的操作,把每一个复杂的操作放到一个异步方法中. 原来程序需要这些方法,上一个执行完成之后,才能执行下一个操作. 但是 ...
- Jmeter多机并发压测IP地址问题
meter.engine.RemoteJMeterEngineImpl: Local IP address=192.168.56.1 不能成功链家到相应的压力机 解决步骤: 1.找到jmeter.ba ...
- Advanced REST client
好用的测试工具,老是忘记名字chrome插件 Advanced REST client
- vim - multiple windows
https://www.cs.oberlin.edu/~kuperman/help/vim/windows.html
- 弹出框以及提示插件lghdialog.js的使用
以下使用方法 swfupload的使用
- UE4 性能优化方法(工具篇)
本文依据UE4官方文档以及官方博客等总结而来,可能不全面,后面会陆续添加.内置工具的详细说明请参考官方文档. 游戏帧率很低,或者有卡顿的现象,可能会有很多原因,这时候不要乱猜,比如是不是人物太多了或者 ...
- erlang httpc
1,set proxy 10.100.1.76 :8888 httpc:set_options([{proxy,{{"10.100.1.76",8888},[]}}]). 2,se ...
- 匈牙利命名法、骆驼命名法、帕斯卡(pascal)命名法
(2008-05-24 13:37:55) 转载▼ 标签: 杂谈 分类: 编程杂文 一.匈牙利命名法: 广泛应用于象Microsoft Windows这样的环境中. Windows 编 ...
- css布局之左侧固定右侧自适应布局
参考代码如下: <form id="form1" style="height:100%; overflow:hidden;"> <div st ...