js中arguments的应用

Posted luxiaohu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中arguments的应用相关的知识,希望对你有一定的参考价值。

arguments数组的操作

arguments是一个类数组对象,这个数组里面保存的是传递给一个函数的参数
例子:求和
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
function sum(){
  var result = 0;
  for(var i = 0;i<arguments.length;i++){
    result+=arguments[i];
  }
  return result;
}
window.onload = function(){
  alert(sum(1,2,3,4,5,6,7));
}
</script>
</head>
 
<body>
</body>
</html>
如上所示,参数‘1,2,3,4,5,6‘作为arguments的元素存储在arguments数组中,通过数组的遍历累加进行求和处理。最后弹出显示框为求和结果
不同内核浏览器获取外部样式的方式
CSS添加样式的方式有三种:行内样式、内嵌式、外部样式。
通常通过js获取样式的方式是:oDiv.style[width],但是这种方法有局限性,只能获取行内样式的属性,针对不同内核浏览器有不同的方式对该问题进行了处理
ie:oDiv.currentStyle[name]
frifox:getComputedStyle(obj,false)[name]
美中不足的是该两种方法只能获取属性,但无法对属性进行修改
例子
假定有这样一个div:<div id="div1" style="width:200px; height:200px; background-color:red"/>
<script>
  function getStyle(obj,name){
    if(obj.currentStyle){ //只适合ie浏览器,
       return obj.currentStyle[name];
    }else{
      return getComputedStyle(obj,false)[name];//适合ie9及以上+火狐浏览器
    }
  }
  window.onload = function(){
    var oDiv = document.getElementById("div1");
    getStyle(oDiv,"width");
  }
  
</script>

以上是关于js中arguments的应用的主要内容,如果未能解决你的问题,请参考以下文章

深入理解JS函数的参数(arguments)的使用

js call()方法

JS对象杂记

Js内置对象的应用

JavaScript五个常用功能/案例:计时器 | 流程控制 | 闭包应用 | arguments剩余参数 | 二次封装函数

将自定义节添加到应用程序模块.js