js中arguments的應用
阿新 • • 發佈:2018-02-20
ext w3c get 1.0 func 方法 window fun set
<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>
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" />js中arguments的應用