js 参数arguments小记

最近小猫又抽风,不学css,看起了js。不过有学习了一项新的技能。

js中的arguments代表了参数组,当我们的参数不固定是可以使用这个求和神马的。

function sum(){
  var result=0;
  alert(arguments.length);
  for(var i=0;i<arguments.length;i++){
    result+=arguments[i];
  }
  return result;
};
window.onload=function(){
  alert(sum(1,2,3,4,5));
};

还有个小例子,根据参数的个数判断如果是两个就是读取当前对象的属性,如果是三个值就是设置当前对象的摸个属性。

function css(obj,name,value){
  if(arguments.length==2){
    return obj.style[name];
  }else{
    obj.style[name]=value;
  }
};
window.onload=function(){
  var oDiv=document.getElementById("div1");

  //读取当前oDiv的width
  alert(css(oDiv,"width"));

  //设置当前oDiv的背景为orange
  getStyle(css,"background","orange");
};

这是最简单的读取和操作行间样式的,如果是引用的样式可是不行的哦,所以下面就又有了小方法,来获取引用样式的值。

function getStyle(obj,name){
  if(obj.currentStyle){
    return obj.currentStyle[name];
  }else{
    return getComputedStyle(obj,false)[name];
  }
};

window.onload=function(){
  var oDiv=document.getElementById("div1");
  alert(getStyle(oDiv,"width"));
};

这个方法还处理一下兼容的问题,唯一不足之处目前只能获取单一的样式,比如说宽度,高度,如果想要获取背景颜色,必须指定backgroundColor。继续努力学习吧。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。