Javascript 浏览器兼容的一些问题_typeof(document.all)浏览器兼容-优快云博客

本文链接：https://blog.youkuaiyun.com/limlimlim/article/details/9146701

本文探讨了在不同浏览器中实现代码兼容性的方法，包括解决元素添加、样式单位、事件源获取等问题，并通过示例展示了如何确保代码能在IE、Firefox等浏览器中正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>