浏览器兼容性处理

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
</head>
<body>
<button id='btn' >btn</button><button id='btn1' value="ddd">btn</button>
<script type="text/javascript">


    //浏览器的兼容性主要表现在:
    //1.浏览器对XMLDOM的处理不同
    //2.对XMLHTTP时间的处理不同
    //3.对事件对象的处理不同

 

    //浏览器兼容性的处理
    document.getElementById('btn').onclick=function (event) {
        //获取事件的触发源
        event=event||window.event;
        alert(event.clientX);
    }

    document.getElementById('btn1').onclick=function(event) {
        //前面是IE支持的属性,后边是火狐支持的属性
        var src=event.srcElement||event.target;
        alert(src.value);
    }
   
</script>

</body>
</html>

你可能感兴趣的:(浏览器兼容性处理)