JS兼容性问题列表
记录平时遇见的兼容性问题,有更好的解决办法希望各位提出,会随着开发遇到问题而更新,标记为黄色的为未解决和猜测答案
| 提出时间 | 问题描述 | 解决方案 |
| 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兼容性问题列表的更多相关文章
- IE 和Firefox的js兼容性总结
IE 和Firefox的js兼容性总结 12 August 2010 11:39 Thursday by 小屋 标签: 浏览器 方法 属性 IT 写法 一.函数和方法差异 1 . getYear()方 ...
- IE6-IE11兼容性问题列表及解决办法总结
相比IE6-IE9那版,主要添加IE10和IE11的新变化. 以下是目录及下载链接: 目录 概述 2 第一章:HTML 3 第一节:IE7-IE8更新 3 1. 如果缺少结束标记的 P 元素后跟 TA ...
- IE6-IE9兼容性问题列表及解决办法总结
IE6-IE9兼容性问题列表及解决办法总结 概述 第一章:HTML. 3 第一节:IE7-IE8更新... 31.如果缺少结束标记的 P 元素后跟 TABLE.FORM.NOFRAMES 或 NOSC ...
- IE6-IE11兼容性问题列表及解决办法
IE6-IE11兼容性问题列表及解决办法总结 相比IE6-IE9那版,主要添加IE10和IE11的新变化. 以下是目录及下载链接: 目录概述 2第一章:HTML 3第一节:IE7-IE8更新 3 1. ...
- 原生js移动端列表无缝间歇向上滚动
在项目开发中尤其是在项目的活动页面的开发中,经常需要将用户的购买信息或中奖信息等以列表的形式展示在页面当中,并可以使其自动间歇向上滚动来达到在有限的区域内展示所有信息的目的.通常的做法是通过将列表父元 ...
- 分享JQuery动画插件Velocity.js的六种列表加载特效
分享JQuery动画插件Velocity.js的六种列表加载特效.在这款实例中给中六种不同的列表加载效果.分别为从上飞入.从右侧飞入.从左侧飞入.和渐显.一起看下效果图: 在线预览 源码下载 实现 ...
- js 验证ip列表
如题. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...
- webpack 之js兼容性处理
webpack 之js兼容性处理 // 用来拼接绝对路径的方法 const {resolve} = require('path') const HtmlWebpackPlugin = require( ...
- js兼容性记录
做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了, ...
随机推荐
- SQL整理4
--====================简单增删改===========--查看学生表的全部数据select * from studio --插入一个新的学生信息insert into stu ...
- DevExpress学习1
为了程序的美观设计,决定用dev控件. 第一步,去官网下载了试用30天的安装包,官网地址:https://www.devexpress.com/,安装完成. 第二步,开始程序下找到DevExpress ...
- 漫谈servlet技术
1.要谈到Servlet技术,不得不先谈谈动态网页的概念. 编写过网页的人都知道,浏览器能够根据HTML静态标记语言来显示各式各样的网页.但是如果我们需要在网页上完成一些业务逻辑:比如登陆验证.或者说 ...
- api(一) 创建窗口 (转)
所有的Windows SDK编程都有一个类似的框架,本文就说说这个框架,Windows程序设计的框架分为“三部曲”: 一.注册窗口类 注册窗口类的API函数是RegisterClass或者Regist ...
- Javaweb整合mongo和kettle6.0的环境配置
为了编译能通过,maven需要加入仓库地址以及一些必须要的包的依赖情况: pentaho中央仓库: 在properties里面配置版本号: <kettle.version>6.0.0.0- ...
- 浅谈树链剖分(C++、算法、树结构)
关于数链剖分我在网上看到的有几个比较好的讲解,本篇主要是对AC代码的注释(感谢各位witer的提供) 这是讲解 http://www.cnblogs.com/kuangbin/archive/2013 ...
- 解决eclipse创建Maven项目后无法生成src/main/java资源文件夹的方法
在项目上右键选择properties,然后点击java build path,在Librarys下,编辑JRE System Library,选择workspace default jre.
- jsp 配置MySQL服务器 以及数据的插入和读取
不多说,直接上代码.百度上面也是一大堆,大家多问百度就行. 在利用JDBC访问数据库过程中,主要涉及三种资源:对数据库的连接的连接对象Connection,SQL语句对象 Statement,访问结果 ...
- Prepare Python environment and install selenium.
1, Install python and selenium. I use python 3.5, the following is the example 1.) Python downloa ...
- 不能取组织ID
应用 Oracle Purchasing 层 Level Function 函数名 Funcgtion Name PO_POXBWVRP 表单名 Form Name POXBWVRP 说明 Des ...