分针网—IT教育: Javascript不同浏览器差异及兼容方法
来源:互联网 发布:淘宝怎么有流量 编辑:程序博客网 时间:2024/05/21 10:39
javascript的各种兼容就是为了解决不同浏览器的差异性,了解其中的差异能够帮助你更快的解决问题,提高代码的使用质量,编写更优秀的javascript代码。
1.window.event表示当前的时间对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象2.获取事件源IE用srcElement获取事件源,而FF用target获取事件源以上两个兼容通常会这么写:
var evt = e||event;var el = evt.srcTarget || evt.srcElement;
3.添加、去除事件
4.获取标签的自定义属性
IE:div1.value或div1['value']
FF:可用div1.getAttribute("value")
5.document.getElemntByName()和document.all[name]
IE不可以,
FF可以
6.input.type的属性
7.IE支持innerText、outerHTML
FF:支持textContent
8.窗口的位置IE、chrome、safari:支持使用window.screenLeft和window.screenTop
IE8以上、chrome、safari、firefox:支持使用window.screenX和window.screenY兼容代码可以使用下面这段代码:
var leftX = typeof window.screenLeft == 'number' ? window.screenLeft : window.screenX;ver topY = typeof window.screenTop == 'number' ? window.screenTop : window.screenY;
9.窗口的大小
firefox、chrome、IE9和safari:window.innerWidth和window.innerHeight
IE系列:document.body.clientWidth和document.body.clientHeight
不是IE6:document.documentElement.clientWidth和document.documentElement.clientHeight
兼容代码可以这样子写
var width = window.innerWidth;var height = window.innerHeight;if(typeof width != 'number'){if(document.compatMode == 'CSS1Compat'){width = document.documentElement.clientWidth;height = document.docuementElement.clientHeight;}else{width = document.body.clientWidth;height = document.body.clientHeight;}
0 0
- 分针网—IT教育: Javascript不同浏览器差异及兼容方法
- 分针网—IT教育: 调皮的JavaScript
- 分针网—IT教育: 怎么轻松学习JavaScript
- 分针网—IT教育: javascript中的盒子模型
- 分针网—IT教育:JQuery 基础
- 分针网——IT教育:JavaScript进阶(四)js字符串转换成数字的三种方法
- 分针网—IT教育: 根据屏幕大小,加载不同大小的图片
- 分针网—IT教育: nodeJS新建一个项目及代码详解
- 分针网—IT教育: PHP 面向对象:final类与final方法
- 分针网—IT教育: 谈谈React那些小事
- 分针网—IT教育: Html / CSS常见问题的解决方案
- 分针网—IT教育: 浅谈 jQuery 核心架构设计
- 分针网—IT教育: 深入理解JS 执行细节
- 分针网—IT教育: Web前端开发规范总结
- 分针网—IT教育:Cnavas绘制时钟
- 分针网—IT教育:ajax提交表单
- 分针网——IT教育:10个程序员常用的代码简写技术
- 分针网—IT教育: 关于全局变量不能全局的问题
- Qt学习笔记1:信号和槽
- C语言数据结构插入算法
- 横竖屏不同的情况来适配样式
- 二叉搜索树与双向链表(Java实现)
- 使用Flex 和 Red5开发简单视频直播功能[转]
- 分针网—IT教育: Javascript不同浏览器差异及兼容方法
- 微信小程序页面布局
- 支持火狐的文本超出隐藏以省略号显示
- netty应用
- Divisible Group Sums LightOJ
- C语言程序设计
- Android 打开本地第三方应用,如QQ,微博,微信等。
- JavaScriptCore全面解析 (下篇)
- android 上拉下拉刷新和banner轮播广告条 Github 项推荐