记录平时遇见的兼容性问题,有更好的解决办法希望各位提出,会随着开发遇到问题而更新,标记为黄色的为未解决和猜测答案

提出时间 问题描述 解决方案
2014/10/22 submit按钮阻止了默认事件不能使用form.submit();发送请求, 猜测是阻止默认后,form.submit();也是属于默认事件(不确定)所以无法发送 解决办法还是不使用先禁止默认事件再发送,而让事件判断可以再发送
2014/10/22 btn.onsubmit()触发问题 submit事件必须绑定是表单,对于按钮是使用click事件,绑定submit事件比较合理,却因为html5的required特性会对验证有影响还是抛弃这种写法,
2014/10/23 使用submit事件验证表单的时候,对于required的元素是先是浏览器检测再进行发送请求的元素进行js检验,主要是radio和checkbox出现问题 点击按钮进行判断,发送请求,不要让浏览器先对required进行检测,主要是radio和checkbox出现问题,其余可以使用submit事件进行
2014/10/23 对于string.replace(/(a)+/g,function(all,key){})all和key分别是什么 测试得出all是当前匹配的同一个字符还是字符分组不确定,key可以肯定是当前匹配的字符,大概是通过增减字符串数组的长度对其经常格式转换
2014/10/24 artTemplate插入验证码失效(因为存在同个id导致失效),php插入验证码代码后会自动生成html和js,这个需要使用div隐藏, 把id操作替换掉,把html的元素id替换掉,click事件重写,把替换的图片地址传递过去(复制节点的操作还得要重新把id替换,繁琐),假如不是太注重这严谨的结构可以无视
2014/10/29 无法修改ie6-8的input的type实现placeholder ie6-8的type是只读模式,所以无法修改实现placeholder
2014/11/3 resize后的document.documentElement.scrollWidth值不变而且是最大值  
2014/11/6 required输入表单,验证表单会强制验证input某个元素 关闭html5的验证
第一种方法是利用form元素的novalidate属性,它可以关闭整个表单验证先把表单的该属性设置为true,关闭表单验证
第二种方法是利用input元素或submit元素的formnovalidate属性,利用input元素的formnovalidate属性可以让表单验证对单个input元素失效,相当于利用了form元素的novalidate属性,整个表单验证都将关闭。
2014/11/10 hover和mouseover和mouseout的实现不一样 jQuery实际是使用是mouseleave和mouseenter,区别在于mouseleave和mouseenter子元素的时候不会重新触发事件,而mouseover和mouseout会.主要在事件间加入了判断
vart=e.relatedTarget;
if(!t||(!(t.compareDocumentPosition(this)&8)&& t!==this)){
//t有可能是不存在的,target在很边缘的情况下,从浏览器外部直接移入target的情况.alert('mouseenter') }
http://www.cnblogs.com/_franky/archive/2010/05/01/1725624.html
2014/10/11 复选框无法显示 根据W3C的表单规范,在checked属性是一个布尔属性,这意味着只要该attribute存在,即使它没有值,或是一个空字符串,该属性对应的property就是true,不使用attr方法使用pop方法
2014/11/27 cookiewebkit测试cookie有问题 webkit不支持本地cookie
2014/12/20 路径 默认ie不支持播放本地文件出于安全因素,现代浏览器可以使用blog路径读取或者html5的FileReader()对象实现
2015/3/19 requireJS exports:aa.a报错a未找到 exports模块输出接口一个方法名称,*.*会执行对应下的方法会报错

转载请保留原文地址,谢谢

JS兼容性问题列表的更多相关文章

  1. IE 和Firefox的js兼容性总结

    IE 和Firefox的js兼容性总结 12 August 2010 11:39 Thursday by 小屋 标签: 浏览器 方法 属性 IT 写法 一.函数和方法差异 1 . getYear()方 ...

  2. IE6-IE11兼容性问题列表及解决办法总结

    相比IE6-IE9那版,主要添加IE10和IE11的新变化. 以下是目录及下载链接: 目录 概述 2 第一章:HTML 3 第一节:IE7-IE8更新 3 1. 如果缺少结束标记的 P 元素后跟 TA ...

  3. IE6-IE9兼容性问题列表及解决办法总结

    IE6-IE9兼容性问题列表及解决办法总结 概述 第一章:HTML. 3 第一节:IE7-IE8更新... 31.如果缺少结束标记的 P 元素后跟 TABLE.FORM.NOFRAMES 或 NOSC ...

  4. IE6-IE11兼容性问题列表及解决办法

    IE6-IE11兼容性问题列表及解决办法总结 相比IE6-IE9那版,主要添加IE10和IE11的新变化. 以下是目录及下载链接: 目录概述 2第一章:HTML 3第一节:IE7-IE8更新 3 1. ...

  5. 原生js移动端列表无缝间歇向上滚动

    在项目开发中尤其是在项目的活动页面的开发中,经常需要将用户的购买信息或中奖信息等以列表的形式展示在页面当中,并可以使其自动间歇向上滚动来达到在有限的区域内展示所有信息的目的.通常的做法是通过将列表父元 ...

  6. 分享JQuery动画插件Velocity.js的六种列表加载特效

    分享JQuery动画插件Velocity.js的六种列表加载特效.在这款实例中给中六种不同的列表加载效果.分别为从上飞入.从右侧飞入.从左侧飞入.和渐显.一起看下效果图: 在线预览   源码下载 实现 ...

  7. js 验证ip列表

    如题. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...

  8. webpack 之js兼容性处理

    webpack 之js兼容性处理 // 用来拼接绝对路径的方法 const {resolve} = require('path') const HtmlWebpackPlugin = require( ...

  9. js兼容性记录

    做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了, ...

随机推荐

  1. 百度Android语音识别SDK语义理解与解析方法

    百度语义理解开放平台面向互联网开发人员提供自然语言文本的解析服务,也就是能够依据文本的意图解析成对应的表示. 为了易于人阅读,同一时候也方便机器解析和生成,意图表示协议採用 json 语言进行描写叙述 ...

  2. 基于jQuery实现的水平和垂直居中的div窗口

    在建立网页布局的时候,我们经常会面临一个问题,就是让一个div实现水平和垂直居中,虽然好几种方式实现,但是今天介绍时我最喜欢的方法,通过css和jQuery实现.   1.通过css实现水平居中: 复 ...

  3. SEL数据类型,@selector的用法,以及调用SEL

    1.SEL数据类型 SEL是个指针类型的数据,类似C语言中的函数指针.在OC中,每个对象方法都有其对应着一个SEL变量.当我们调用对象方法时,编译器会将该方法转换成一个SEL的数据,然后去类中寻找该方 ...

  4. std::string 字符替换函数

    // 替换路径中所有“\”为“/” #include <algorithm> static std::string ConvertSlash(std::string& strUrl ...

  5. Linux网络管理——网关作用

    1. 网络基础 .note-content {font-family: "Helvetica Neue",Arial,"Hiragino Sans GB",&q ...

  6. codeforces 553D . Nudist Beach 二分

    题目链接 有趣的题. 给一个图, n个点m条边. 有k个点不可选择. 现在让你选出一个非空的点集, 使得点集中strength最小的点的strength最大. strength的定义:一个点周围的点中 ...

  7. python基础知识讲解——@classmethod和@staticmethod的作用

    python基础知识讲解——@classmethod和@staticmethod的作用 在类的成员函数中,可以添加@classmethod和@staticmethod修饰符,这两者有一定的差异,简单来 ...

  8. private、 protected、 public、 internal 修饰符的访问权限

    private : 私有成员, 在类的内部才可以访问. protected : 保护成员,该类内部和继承类中可以访问. public : 公共成员,完全公开,没有访问限制. internal: 当前程 ...

  9. 限制转交订单-采购直接批准PO

    应用 Oracle   Purchasing 层 Level Function 函数名 Funcgtion Name CUXPOXPOEPO 表单名 Form Name POXPOEPO 说明 Des ...

  10. Android 获取屏幕分辨率

    原文:Android 获取屏幕分辨率 得到一个屏幕尺寸的三种方法如下:        // 通过WindowManager获取        DisplayMetrics dm = new Displ ...