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。繼續努力學習吧。