- 浏览: 51440 次
- 性别:
- 来自: 深圳
# window.event
* IE:有window.event对象
* FF:没有window.event对象。可以通过给函数的参数传递event对象。如 onmousemove=doMouseMove(event)
# 鼠标当前坐标
* IE:event.x和event.y。
* FF:event.pageX和event.pageY。
* 通用:两者都有event.clientX和event.clientY属性。
# 鼠标当前坐标(加上滚动条滚过的距离)
* IE:event.offsetX和event.offsetY。
* FF:event.layerX和event.layerY。
# 标签的x和y的坐标位置:style.posLeft 和 style.posTop
* IE:有。
* FF:没有。
* 通用:object.offsetLeft 和 object.offsetTop。
# 窗体的高度和宽度
* IE:document.body.offsetWidth和document.body.offsetHeight。注意:此时页面一定要有 body标签。
* FF:window.innerWidth和window.innerHegiht,以及 document.documentElement.clientWidth和 document.documentElement.clientHeight。
* 通用:document.body.clientWidth和document.body.clientHeight。
# 添加事件
* IE:element.attachEvent("onclick", func);。
* FF:element.addEventListener("click", func, true)。
* 通 用:element.onclick=func。虽然都可以使用onclick事件,但是onclick和上面两种方法的效果是不一样的,onclick 只有执行一个过程,而attachEvent和addEventListener执行的是一个过程列表,也就是多个过程。例 如:element.attachEvent("onclick", func1);element.attachEvent("onclick", func2)这样func1和func2都会被执行。
# 标签的自定义属性
* IE:如果给标签div1定义了一个属性value,可以div1.value和div1["value"]取得该值。
* FF:不能用div1.value和div1["value"]取。
* 通用:div1.getAttribute("value")。
# 父节点、子节点和删除节点
* IE:parentElement、parement.children,element.romoveNode(true)。
* FF:parentNode、 parentNode.childNodes,node.parentNode.removeChild(node)。
* 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.
# 画图
* IE:VML。
* FF:SVG。
# CSS:透明
* IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
* FF:opacity:0.6。
# CSS:圆角
* IE:不支持圆角。
* FF:-moz- border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border-radius- topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;。
# CSS:双线凹凸边框
* IE:border:2px outset;。
* FF:-moz- border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;。
来源于http://81146566.blog.163.com/blog/static/26955116200942910822367/
以下内容来源于
http://www.blogjava.net/juliashine/archive/2007/03/29/106982.html
# IE有全局event对象window.event,FF没有,FF中的 event 只能在事件发生的现场使用,即必须通过事件绑定函数的参数来使用。
# FireFox下没有preserveWhiteSpace这个属性,即:把空白也当作一个节点。而IE则默认为false,即把空白不看成一个节点。所以在FireFox下previousSibling可能是空白节点,除非两个HTML标签之间没有任何形式的空格。
# IE下可以用document.frames("name").document的方式取得frame中所嵌页面的document对象,FF下却会得到null,解决的的办法是document.getElementById(framename).contentWindow.document,也可以使用
window.frames[frameName].document 直接获取frame里的document对象
* IE:有window.event对象
* FF:没有window.event对象。可以通过给函数的参数传递event对象。如 onmousemove=doMouseMove(event)
# 鼠标当前坐标
* IE:event.x和event.y。
* FF:event.pageX和event.pageY。
* 通用:两者都有event.clientX和event.clientY属性。
# 鼠标当前坐标(加上滚动条滚过的距离)
* IE:event.offsetX和event.offsetY。
* FF:event.layerX和event.layerY。
# 标签的x和y的坐标位置:style.posLeft 和 style.posTop
* IE:有。
* FF:没有。
* 通用:object.offsetLeft 和 object.offsetTop。
# 窗体的高度和宽度
* IE:document.body.offsetWidth和document.body.offsetHeight。注意:此时页面一定要有 body标签。
* FF:window.innerWidth和window.innerHegiht,以及 document.documentElement.clientWidth和 document.documentElement.clientHeight。
* 通用:document.body.clientWidth和document.body.clientHeight。
# 添加事件
* IE:element.attachEvent("onclick", func);。
* FF:element.addEventListener("click", func, true)。
* 通 用:element.onclick=func。虽然都可以使用onclick事件,但是onclick和上面两种方法的效果是不一样的,onclick 只有执行一个过程,而attachEvent和addEventListener执行的是一个过程列表,也就是多个过程。例 如:element.attachEvent("onclick", func1);element.attachEvent("onclick", func2)这样func1和func2都会被执行。
# 标签的自定义属性
* IE:如果给标签div1定义了一个属性value,可以div1.value和div1["value"]取得该值。
* FF:不能用div1.value和div1["value"]取。
* 通用:div1.getAttribute("value")。
# 父节点、子节点和删除节点
* IE:parentElement、parement.children,element.romoveNode(true)。
* FF:parentNode、 parentNode.childNodes,node.parentNode.removeChild(node)。
* 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.
# 画图
* IE:VML。
* FF:SVG。
# CSS:透明
* IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
* FF:opacity:0.6。
# CSS:圆角
* IE:不支持圆角。
* FF:-moz- border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border-radius- topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;。
# CSS:双线凹凸边框
* IE:border:2px outset;。
* FF:-moz- border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;。
来源于http://81146566.blog.163.com/blog/static/26955116200942910822367/
以下内容来源于
http://www.blogjava.net/juliashine/archive/2007/03/29/106982.html
# IE有全局event对象window.event,FF没有,FF中的 event 只能在事件发生的现场使用,即必须通过事件绑定函数的参数来使用。
<input type="text" name="input_content" onkeydown="exeCode(event)"/> <script language="javascript"> function exeCode() { //取得事件对象 var event = arguments[0] || window.event; //取得事件的发生源对象 var element = event.srcElement || event.target; } </script>
# FireFox下没有preserveWhiteSpace这个属性,即:把空白也当作一个节点。而IE则默认为false,即把空白不看成一个节点。所以在FireFox下previousSibling可能是空白节点,除非两个HTML标签之间没有任何形式的空格。
# IE下可以用document.frames("name").document的方式取得frame中所嵌页面的document对象,FF下却会得到null,解决的的办法是document.getElementById(framename).contentWindow.document,也可以使用
window.frames[frameName].document 直接获取frame里的document对象
发表评论
-
JS的replace方法
2011-08-05 10:34 1138from http://www.cnblogs.com/mxw ... -
要写出在各大主流浏览器上都兼容的JS代码,就要关注他们的区别,下是IE和FF综合考虑的通用DOM!
2011-08-04 14:36 896来源于 http://hi.baidu.com/g ... -
<input type="text" id="start" />输入true取布尔true
2011-07-28 14:22 832"true" and true is di ... -
Js获取当前日期时间+日期验证+判断闰年+日期的天数差+日期格式化+JS判断某年某月有多少天
2011-07-27 17:47 4717字符串转日期型+Js当前日期时间+日期验证+判断闰年+日期的天 ... -
高效http页面优化法则一【JS对DOM的操作】
2011-07-08 10:58 996很多人都认为JS的效率 ... -
form page jump
2011-07-07 10:49 826页面跳转 <input type="hidd ... -
jquery widget sample
2011-07-06 08:39 3407<!DOCTYPE html PUBLIC &quo ... -
jquery apply wait for update
2011-07-05 10:36 1622<!DOCTYPE html PUBLIC &quo ... -
deal with a great quantity domelements add event wait for update
2011-06-29 14:34 1120<!DOCTYPE html PUBLIC " ... -
JS中的attachEvent、addEventListener如何传递参数
2011-06-29 14:02 6243<!DOCTYPE html PUBLIC " ... -
window.onload 和 $(document).ready 区别 待续......
2011-06-27 09:50 2717jquery 学习之一(js中window ... -
js operate frame
2011-06-14 14:04 1167我的页面框架如下 <frameset rows=&quo ... -
js中frame的调用
2011-06-14 12:27 1016js中frame的调用 关键词 ... -
js 事件冒泡 和其它问题
2011-06-10 09:25 779js事件冒泡 <html> <head> ... -
js inner iframe get dom of parent
2011-06-02 15:00 702parent.$("#id");//jqu ... -
ajax
2011-05-27 14:18 611<!DOCTYPE html PUBLIC " ... -
add event to all the dom elements in one page except one dom
2011-05-18 10:20 840<!DOCTYPE html PUBLIC &quo ... -
count down 倒计时
2011-05-13 12:42 550<!DOCTYPE html PUBLIC " ... -
deal with href remove the same element
2011-05-11 09:38 771var url="http://zhidao.bai ... -
document.form.item 问题集合的(0)和[0]取法
2011-05-09 15:10 1893<!DOCTYPE html PUBLIC " ...
相关推荐
Javascript的IE和Firefox兼容性问题集合
Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Fire...
解决现有IE和firefox不兼容的问题,内有多种解决方法,请大家好好学习
博文链接:https://lifethinker.iteye.com/blog/249560
javascript的IE和Firefox兼容性汇编 1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 MF 下运行 (2)解决方法: 改用 document.formName....
讲解EI和火狐在JS中对浏览器的兼容性问题。
这份文档详细描述了IE和Firefox两大浏览器对js的兼容性处理
总结了一些常用属性在ie和firefox下的兼容问题,并附有相应的解决方法。
本文总结分析了Javascript在IE和Firefox浏览器常见兼容性问题。分享给大家供大家参考,具体如下: 表单 document.formName.item("itemName") IE:可以使用document.formName.item(“itemName”)或document.formName...
做Web类项目,不可避免的要涉及浏览器的兼容性问题,特别是javascript的兼容性问题,典型代表就是IE浏览器和FireFox浏览器,了解到不同之处就可以避免出现使用不同浏览器时可能会出现的兼容性问题,找了一些关于js在...
IE浏览器和火狐浏览器兼容问题有部分js
IE与FF的兼容问题 IE浏览器和火狐浏览器兼容问题——CSS篇 IE浏览器和Firefox(火狐)浏览器兼容性——Javascript篇
下面是一些Javascript的IE和Firefox(火狐)兼容性的常用例子
7. firefox与IE的父元素(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body...
IE与Firefox下javascript getyear年份不同浏览器 JavaScript 的getyear年份函数兼容性问题 先举个例子 用 Firefox 上一些网站会看到这样的提示 现在时间是 106年8月8日 而用 ie 浏览器的话就显示正常的 ...
IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下: 1.兼容firefox的 outerHTML,FF中没有outerHtml的方法 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__(“outerHTML...
首先这里声明一下,关于我测试浏览器的版本是chrome15.0.874.121 Firefox 8.01 IE9 IETester 下面的代码关于声明 1:获得滚动条的情况 代码如下:function getScroll(){ var t, l, w, h; if (document....