Javascript 浏览器兼容的一些问题

来源：互联网发布：网络创业靠谱吗编辑：程序博客网时间：2024/05/01 04:28

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            document.getElementById("btn").onclick = function (e) {
                var theEvent = window.event || e;   // 兼容IE和firefox
                var srcElement = theEvent.srcElement || theEvent.target;
                alert(srcElement.value);
            }
            //第一种兼容追加事件的方法
            var btn = document.getElementById("btn");
            try {
                btn.attachEvent("onclick", click2);     //注意要加on
            }
            catch (err) {
                btn.addEventListener("click", click2, false);
            }
            //第二种兼容追加事件的方法
            if (document.all) {     //如果浏览器中有document.all这个对象（一般IE浏览器才有）
                btn.attachEvent("onclick", click3);     //注意要加on
            }
            else {
                btn.addEventListener("click", click3, false);
            }
        }
        function click2() {
            alert('click2');
        }
        function click3() {
            alert('click3');
        }
    </script>
</head>
<body>
    面试题：说说开发项目的时候不同浏览器的不同点，你是怎么解决的？
    1.appendChild,insertCell,px
      <1>.在表格中添加行列，IE6中不支持appendChild,所以统一用insertCell
      <2>.修改元素位置时统一加速px像素单位，如果不加px单位的话，IE认识，火狐,谷歌浏览器不认识
    2.获取网页中哪个元素触发了事件：在IE里使用srcElement ；在FireFox里使用target
</body>
    <input type="button" id="btn" value="测试事件源" />
</html>