Web前端重构遇到的坑
来源:互联网 发布:js为input输入框赋值 编辑:程序博客网 时间:2024/05/28 15:43
最近系统开始重构前端页面,兼容IE7、IE8、IE9。原系统只支持IE6、IE7、IE8。然后老代码的各种坑就出现了。
#1.JS Date的getYear方法返回的年份
Date.getYear()在IE5/6/7/8上返回的是2014,IE9及之后都是114年(即差1900年),测试代码:
话说getYear返回114年才是对的,微软自己把1900年加上了。不过IE9及之后的浏览器又恢复成114年了。修改方式很简单,只需要使用getFullYear()即可。
#2. 最近美工给了一个demo,里面的button都是用<button></button>标签实现的,以前都是用<input type='button'/>。对这个button标签不是很了解,看这名字就是个按钮么还能整出什么花来。不过就是这个想法,被坑了一把。
我把这个button放在了form标签里。这个标签不是用来提交表单的。当时浏览器开的是IE7的文档模式,一切正常。提交测试之后,测试一点按钮就提交表单跳转了。看了半天没有问题。最后发现了button标签在IE7下类型type='button' ,在IE7之后type='submit'。真相大白后,含泪加上了type='button'。
#3.IE7及以下版本支持可以通过getElementById获取name属性的标签,下面代码在IE7及以下版本是正常的,IE7以上是获取不到值得。
这也是改造老WEB页面时候经常遇到的问题。按正规写法写,加上ID属性就好了。#4.IE7及以下通过getElementById不区分大小写,IE7以上区分大小写。通过下面的例子在不同的浏览器文档模式下测试下就知道了。
- Web前端重构遇到的坑
- Web前端重构遇到的坑,献给被坑到的自己
- web前端学习常遇到的坑
- web前端遇到的问题
- Web前端设计遇到的奇怪问题
- Web前端面试中遇到的问题
- 前端web配置遇到的问题
- web前端开发中常遇到的问题
- web前端遇到的部分兼容问题汇总
- 前端遇到的坑小结
- 前端遇到过的坑
- web前端的坑
- web前端经常遇到的json数据的翻页处理
- web前端开发中遇到的细节问题
- 项目中遇到的bug(web前端-持续更新)
- 【Web前端】学习中遇到的问题(长期更新)
- 【web前端】遇到的事儿之 regeneratorRuntime is not defined
- web前端工程师工作中遇到难以解决的问题
- FFmpeg长时间无响应的解决方法
- Java中的枚举——EnumMap与EnumSet
- Cloud Prizefight: OpenStack vs. VMware(转)
- ASP.NET MVC 5.0——概念知识
- 解决Cannot change version of project facet Dynamic web module to 2.5
- Web前端重构遇到的坑
- 亚马逊Auto Scaling
- 在Visual Stdio中为C++项目配置MPI
- mysql从服恢复记录 Error reading packet from server: File '/var/lib/mysql/mysql-bin.006150' not found (
- Android Theme总结
- ubuntu下安装与卸载软件方法
- HTML Button自动刷新页面的问题
- oracle数据类型和对应的java类型
- MFC中在TXT文件中数据后面添加新数据