JavaScript中arguments的用法,一个CCS函数两种用法;

这里是用arguments的方法来使用的,函数的返回值;下面是函数的不断演化;

可以通过给函数起名字,代替arguments来使用,而且这样做还可以起到易读性的效果;方便我们的写代码和阅读代码;

 

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
function css()
{
if(arguments.length==2)//获取元素
{
return arguments[0].style[arguments[1]];
}
else
{
return arguments[0].style[arguments[1]]=arguments[2]
}
}
window.onload=function()
{
var oDiv=document.getElementById('div1');
alert(css(oDiv,'width'))
css(oDiv,'background','blue')
}
</script>
</head>
<body>
<div id="div1" style="width: 200px;height:200px;background: red;" ></div>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>arguments通过名字来代替,可以简写很多东西</title>
<script>
function css(obj,name,value)
{
//alert(obj==arguments[0]); //弹出来是true,说明obj就是arguments[0]的,是相等的;
if(arguments.length==2)//获取元素
{
return obj.style[name];
}
else
{
return obj.style[name]=value
}
}
window.onload=function()
{
var oDiv=document.getElementById('div1');
alert(css(oDiv,'width'))
css(oDiv,'background','blue')
}
</script>
</head>
<body>
<div id="div1" style="width: 200px;height:200px;background: red;" ></div>
</body>
</html>

未经允许不得转载:朱邦邦的WEB前端开发博客 » JavaScript中arguments的用法,一个CCS函数两种用法;

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址