本地Javaｓｃｒｉｐｔ兼容性测试实例

1。使用样式表中的宽度，CSS（不排之间）如边框颜色，主要是ie6-7支持currentstyle，和标准的浏览器支持getcomputedstyle；

示例：封装功能
复制代码代码如下所示：
功能getstyle（obj，name）{
如果（obj。currentstyle）{
返回的对象。currentstyle {姓名}；
}
别的{
返回getcomputedstyle（obj，false）{姓名}；
}
}

电话：getstyle（色彩）；

2。get the rolling distance
document.body.scrolltop适用于标准的浏览器
document.documentelement.scrolltop适合以下版本的IE9
可以用这种方式编写兼容性。
var = document.body.scrolltop document.documentelement.scrolltop |；

三.事件对象
标准浏览器：事件对象作为事件函数的参数
IE的低版本要求直接使用事件对象（全局）
复制代码代码如下所示：
函数（EV）{
风险事件= EV事件| |；
}

现在事件是事件的对象。

4。结合事件即绑定事件attachevent / detachevent（绑定或取消）；标准的浏览器addEventListener / removeEventListener（绑定或取消）。
以下是事件绑定或取消的参数，在事件绑定中，函数不能是匿名函数，或者不能取消。
使用addEventListener方法：

Target.addEventListener（类型、听众、useCapture）；

目标：文档节点，文件，窗口，或XMLHttpRequest。
类型：字符串、事件名称，没有，如点击，鼠标悬停，keydown，等等。
听众：Javaｓｃｒｉｐｔ的事件侦听器接口或功能的实现。
useCapture：是否使用捕获或没有，一般用虚假的。例如，document.getelementbyid（条），AddEventListener（keydown

在伊江：

Target.attachEvent（类型、听众）；
目标：文档节点，文件，窗口，或XMLHttpRequest。
类型：字符串、事件名称，包括，如onclick，onmouseover，按下一个键，等等。
听众：Javaｓｃｒｉｐｔ的事件侦听器接口或功能的实现。例如，document.getelementbyid（txt）AttachEvent（onclick。

事件绑定封装函数：
复制代码代码如下所示：
函数AddEvent（obj，EV，FN）{
如果（obj。attachevent）{
obj.attachevent（开+ EV，FN）
}
别的{
Obj.addEventListener（EV，FN，假）；

}
}

这种封装的功能不是obj如果绑定事件FN功能使用防止这个窗口（只有低的IE版本有这个bug）。
复制代码代码如下所示：
AddEvent（文档，点击功能（EV）{）

VaR EV = EV | | window.event；
VaR目标= EV。目标| | / / ev.srcelement；得到事件源主要处理这个窗口的bug的IE版本低
警戒（目标）
}）；

绑定取消事件FN是一个函数名。
复制代码代码如下所示：
功能removeevent（obj，EV，FN）{
如果（obj。detachevent）{
obj.detachevent（开+ EV，FN）
}
别的{
Obj.removeEventListener（EV，FN，假）；

}
}

5.ajax
Ajax创建XMLHTTP对象标准版本浏览器和IE不兼容
标准版本创建XMLHTTP对象：
复制代码代码如下所示：
1。创建对象
如果（窗口。XMLHttpRequest）
{
无功oajax =新（XMLHttpRequest）； / /标准的浏览器
}
其他的
{
无功oajax =新的ActiveX对象（微软。XMLHTTP ）；低 / / IE版本
}
警报（oajax）；

6。取消默认事件
在JS的默认事件取消主要是两种返回false，preventDefault
返回false是在违约事件的任何浏览器兼容，但违约事件将如果遇到的事件绑定注册侦听器取消了
取消默认的右键事件示例：
复制代码代码如下所示：
Document.addEventListener（'contextmenu功能（EV）{
Ev.preventDefault（）；
}））
document.oncontextmenu =函数（）{
返回false；
}

7.call和应用之间的差异
调用，应用可以调用函数
例如
复制代码代码如下所示：
函数显示（）{
警戒（此）
}
显示（）；弹出窗口
/ / show.call（）；弹出窗口
/ / / show.call（这）弹出窗口
/ / show.call（5）； / /流行5；
show.call（，5）； / /弹出窗口

电话（arg1，arg2，，…）可以看出，参数呼叫后事件的对象被称为函数中使用的参数。
使用调用并主要应用于修改此功能，函数和普通函数之间没有差别。
应用（此参数）主要用于参数不确定性。
8、获取DOM子节点和子节点的孩子
孩子子只能必须标签节点的第一层
例如:
复制代码代码如下所示：
文本1
文本2

如果要获得第一个标记子{ 0 }，则只能将子{ 0 }带到第一个跨度。子{ 0 }，所以子的长度只有2；
在高版本，子会计算在谷歌谷歌上面的文本的长度，和IE低版本（6-8）是4。