arguments的应用

最新推荐文章于 2023-02-01 14:24:53 发布

嫌疑-人

最新推荐文章于 2023-02-01 14:24:53 发布

阅读量197

点赞数

分类专栏： javaScript 文章标签： arguments javascript

本文链接：https://blog.csdn.net/qq_39396275/article/details/80835102

版权

javaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

arguments 是一个函数的参数数组
应用1：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Json</title>
<script>
function sum(){
    var l=arguments.length;
    var result=0;
    for(i=0;i<l;i++){
        result+=arguments[i];
    }
    return result;
}
alert(sum(1,2,3));
</script>
</head>
<body>
</body>
</html>

应用2：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script>
function css(){
    if(arguments.length==2){
        alert(arguments[0].style[arguments[1]]);}
    else{
        //arguments[0].style.arguments[1]=arguments[2];  //错误。属性为变量的时候不能用 . 来获取属性名
        arguments[0].style[arguments[1]]=arguments[2];
    }
}
window.onload=function(){
    var oDiv=document.getElementById("div1");
    css(oDiv,'background','red');
    css(oDiv,'height');
}
</script>
<body>
<div id="div1" style="width:200px;height:200px;background:#0F6;">
</body>
</html>

应用2 的css函数可以更简单，如下:

function css( oBj,name,value){

    if(arguments.length==2){
        alert(oBj.style[name]);}
    else{
        //arguments[0].style.arguments[1]=arguments[2];  //错误。属性为变量的时候不能用 . 来获取属性名
        oBj.style[name]=value;
    }
}