javascript学习(二) 文本转int数字&比较&js.arguments&css函数&行间ComputedStyle

文本转int数字

var a = '12';
alert(parseInt(a));//文本转int数字 parseFloat()小数
alert(isNaN(a));//是否空类型

比较:

var b = 12;
var bb = '12';
alert(b == bb);//true 先转成同类型
alert(b === bb);//false

js.arguments
介绍:js中arguments的用法:https://www.cnblogs.com/LMJBlogs/p/6024148.html

可变参
function sum() {
    var result = 0;
    for (var i = 0; i < arguments.length;i++) {
        result += arguments[i];//arguments,可看成,数组存放的是参数
    }
    return result;
}
alert(sum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10));

css函数:

<script>
function css() {
    if (arguments.length == 2) {
        return arguments[0].style[arguments[1]];
    }
    else {
        arguments[0].style[arguments[1]] = arguments[2];
    }
}

window.onload = function () {
    var oDiv = document.getElementById('div1');

    css(oDiv, 'background', 'green');
}
</script>
////////////
<body>
    <!-- css函数 -->
    <div id="div1" style="width:200px;height:200px;background:red;">

    </div>
</body>

取非行间样式(不能用来设置)
IE中使用的是obj.currentStyle方法,而FF是用的是getComputedStyle 方法,获取css属性值。

obj.currentStyle[attr]
getComputedStyle(obj,false)[attr]
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        div {
        width:400px;

        }
        #div1 {
        width:200px;height:200px;
        background:red;
        }
    </style>
    <script>
        function getStyle(obj, name) {
            if (obj.currentStyle) {
                //IE
                //alert(obj.currentStyle.width);
                return obj.currentStyle[name];
            }
            else {
                //其他
                //alert(getComputedStyle(oDiv,false).width);
                return getComputedStyle(obj, false)[name];
            }
        }

        window.onload = function () {
            var oDiv = document.getElementById('div1');
            //只兼容IE
            //alert(oDiv.currentStyle.width);
            //ComputedStyle计算后的样式
            //alert(getComputedStyle(oDiv,'abc').width);//得到样式具体情况
            //获得样式
            alert(getStyle(oDiv,'background'));

        }
    </script>

</head>
<body>
    <div id="div1">

    </div>
</body>
</html>
发布了53 篇原创文章 · 获赞 18 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/YUEXILIULI/article/details/102483746