【JS兼容】一

http://sofish.de/1097
http://www.cnblogs.com/wiky/archive/2010/01/09/IE-and-Firefox-Javascript-compatibility.html

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="utf-8" />

    <title></title>

    <link href="style.css" rel="stylesheet" />

</head>

<body>

    <div id="box1" class="box1">box1</div>

    <label id="box2" for="box2"></label>

    <script>

        var el1 = document.getElementById('box1'),

            el2 = document.getElementById('box2');

        // 保留字float

        el1.style.styleFloat = 'right';// IE

        el1.style.cssFloat = 'right';// 非IE

        // 保留字class

        el1.getAttribute('className');// IE6 IE7

        el1.getAttribute('class');// IE8 非IE

        // 保留字for

        el2.getAttribute('htmlFor');// IE6 IE7

        el2.getAttribute('for');// IE8 非IE

        // 获取可见区域、窗口的大小

        document.documentElement.clientWidth;// IE 非IE

        document.documentElement.clientHeight;// IE 非IE

        window.innerWidth;// 非IE

        window.innerHeight;// 非IE

        // Alpha透明

        el1.style.filter = 'alpha(opacity=80)';// IE

        el1.style.opacity = '0.8';// 非IE

        // 元素的推算样式

        /*

        *JavaScript可以使用object.style.property句法,方便地在外部访问和修改某个CSS样式,但其限制是这些句法只能取出已设的行内样式或者直接由JavaScript设定的样式。并不能访问某个外部的样式表

        */

        if (!-[1,]) {// 判断IE

            el1.currentStyle.color;// IE

        } else {

            document.defaultView.getComputedStyle(el1, null).color;// 非IE 

        }

        // 获取鼠标指针的位置

        document.onmousemove = function(e) {

            e = window.event || e;// window.event IE event 非IE

            el1.innerHTML = 'x:' + e.clientX + 'y:' + e.clientY;// IE 非IE

            el1.innerHTML = 'x:' + e.pageX + 'y:' + e.pageY;// 非IE

        };

    </script>

</body>

</html>

 

你可能感兴趣的:(js)