1. 程式人生 > >js中arguments的應用

js中arguments的應用

ext w3c get 1.0 func 方法 window fun set

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的應用