深入JavaScript

2013.10.11 2107 人浏览 留言

arguments 可变参 不定参

  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>arguments 可变参 不定参</title>  
  6. <script>  
  7. function  sum()   
  8. {  
  9.     var result=0;  
  10.     for(var i=0;i<arguments.length;i++)  
  11.     {  
  12.         result+=arguments[i];  
  13.     }  
  14.     return result;  
  15. }  
  16. alert (sum(12,6,9));  
  17. </script>  
  18. </head>  
  19.   
  20. <body>  
  21.   
  22. </body>  
  23. </html>  

css函数

  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>css函数</title>  
  6. <script>  
  7.  function css(obj,name,value)  
  8.  {  
  9.     if (arguments.length==2) //获取  
  10.     {  
  11.         return obj.style[name];  
  12.     }  
  13.     else  
  14.     {  
  15.         obj.style[name]=value;  
  16.     }  
  17.  }  
  18.  window.onload=function()  
  19.  {  
  20.     var oDiv=document.getElementById('div');  
  21.     /*alert(css(oDiv,'width'))*/  
  22.     css(oDiv,'background','green')  
  23.  }  
  24. </script>  
  25. </head>  
  26.   
  27. <body>  
  28.     <div id="div" style="width:200px;height:200px;background:red;"></div>  
  29. </body>  
  30. </html>  

取非行间样式

  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>取非行间样式</title>  
  6. <style>  
  7.     #div1{width: 200px;height: 200px;background: red;}  
  8. </style>  
  9. <script>  
  10. function getStyle(obj,name)  
  11. {  
  12.     if (obj.currentStyle)  
  13.     {  
  14.         //ie  
  15.         return obj.currentStyle[name];  
  16.     }  
  17.     else  
  18.     {  
  19.         //ie9 firefox chrome  
  20.         return getComputedStyle(obj,null)[name];  
  21.     }  
  22. };  
  23. window.onload=function()  
  24. {  
  25.     var oDiv=document.getElementById('div1');  
  26.   
  27.     //alert (getStyle(oDiv,'width'));  
  28.     alert (getStyle(oDiv,'background-color'));//不能去符合样式 如background  
  29. }  
  30. </script>  
  31. </head>  
  32.   
  33. <body>  
  34.     <div id="div1"></div>  
  35. </body>  
  36. </html>  

数组操作

  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>数组操作</title>  
  6.       
  7. <script>  
  8. /*************************************** 
  9. //数组添加。删除 splice 
  10. var arr=[1,2,3,4,5,6]; 
  11. //var arr=nw Arry[1,2,3,4,5,6];效果一样 
  12.  
  13. // 头部 尾部添加删除 
  14. arr.push(4);//末尾添加 
  15. arr.unshift(9);//头部添加 
  16.  
  17. arr.pop();//尾部删除 
  18. arr.shift();//头部删除 
  19.  
  20.  
  21. //删除splice(起点位置,长度) 
  22. //arr.splice(2,3); 
  23.  
  24. //插入splice(起点，长度，元素...) 
  25. //arr.splice(2,0,'a','b','c'); 
  26.  
  27. //删除，添加 
  28. //arr.splice(2,2,'a','b') 
  29.  
  30. alert(arr); 
  31. ***************************************/  
  32.   
  33. /*************************************** 
  34. //数组连接 
  35. var a=[1,2,3]; 
  36. var b=[4,5,6]; 
  37. alert(a.concat(b)); 
  38. ***************************************/  
  39.   
  40. /*************************************** 
  41. //分隔符join 
  42. var arr=[1,2,3,4]; 
  43. alert(arr.join('- - p')) 
  44. ***************************************/  
  45.   
  46. /*************************************** 
  47. 排序sort 
  48. var arr=['float','width','alpha','zoom','left']; 
  49. arr.sort(); 
  50. alert(arr); 
  51. //数字排序有问题 当字符串排序 
  52. ***************************************/  
  53.   
  54. /*************************************** 
  55. //数字排序 
  56. var arr=[12,9,2,441,554]; 
  57. arr.sort(function(n1,n2){ 
  58.         /*   
  59.             if(n1<n2) 
  60.             { 
  61.                 return -1;//只需负数 
  62.             } 
  63.             else if(n1>n2) 
  64.             { 
  65.                 return 1;//只须正数 
  66.             } 
  67.             else 
  68.             { 
  69.                 return 0; 
  70.             } 
  71.         */  
  72. /* 
  73.     return n1-n2; 
  74. }); 
  75. alert(arr); 
  76. ***************************************/  
  77.   
  78. </script>  
  79.   
  80. </head>  
  81.   
  82. <body>  
  83.   
  84. </body>  
  85. </html>  

文章地址：https://huilang.me/isay/javascript-depth/

回复本文

您的电子邮箱地址不会被公开。 必填项已用 * 标注

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif