1.不定参数的使用
<!DOCTYPE html> <html> <head> <title>json</title> <script type="text/javascript"> function sum(){ var result = 0; for (var i = arguments.length - 1; i >= 0; i--) { result += arguments[i]; }; return result; } alert(sum(1,2,3,4)); </script> </head> <body> </body> </html>
2.获取非行间样式
前面介绍的style的可以用来设置行间样式，也可以获取行间样式,但是通过外部css来设置的样式通过style是获取不到的。不过通过以下的方式可以用来获取当前的样式。
由于浏览器之间存在差异，所以我们需要进行浏览器之间的判断
<!DOCTYPE html> <html> <head> <title>json</title> <script type="text/javascript"> function getOs() { var OsObject = ""; if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")!=-1){ return "Firefox"; } if(isChrome=navigator.userAgent.indexOf("Chrome")!=-1){ return "Chrome"; } if(isSafari=navigator.userAgent.indexOf("Safari")!=-1) { return "Safari"; } if(isOpera=navigator.userAgent.indexOf("Opera")!=-1){ return "Opera"; } } window.onload=function (){ var width = 0; var oDiv = document.getElementById('div1') var bowers = getOs(); // 获取浏览器版本 if(bowers == "MSIE") alert(oDiv.currentStyle.width); if(bowers == "Chrome" || bowers == "Firefox") alert(getComputedStyle(oDiv, null).width); } </script> <style type="text/css"> #div1{ width: 200px; height: 100px; } </style> </head> <body> <div id="div1"></div> </body> </html>
3.数组的使用
- 基本操作
<!DOCTYPE html> <html> <head> <title>json</title> <script type="text/javascript"> var a = new Array(); a[0] = 1; b[1] = 2; c[2] = 3; var b = [1,2,3]; //清空数组b b.length = 0; //在尾部添加元素 a.push(4); //在尾部弹出元素 var temp = a.pop(); //从头部弹出元素 var temp = a.shift(); //在头部插入元素 a.unshift(0); //从第二个位置开始删除3个元素获取元素 a.splice(2,3); //从第二个位置删除两个元素,并a,b插进去 a.splice(2, 2, 'a', 'b'); //数组链接 a.concat(b); </script> <style type="text/css"> #div1{ width: 200px; height: 100px; } </style> </head> <body> <div id="div1"></div> </body> </html>
-
数组排序(从小到大排序)
<!DOCTYPE html> <html> <head> <title>json</title> <script type="text/javascript"> var arr = [12, 8, 99, 122]; arr.sort(function (v1 , v2){ if(v1 > v2) return 1; if(v1 < v2) return -1; return 0; }); alert(arr); </script> </head> <body> </body> </html>
方式二:
<!DOCTYPE html> <html> <head> <title>json</title> <script type="text/javascript"> var arr = [12, 8, 99, 122]; arr.sort(function (v1 , v2){ return v1-v2; }); alert(arr); </script> </head> <body> </body> </html>
- 连接符使用,返回一个字符串
<!DOCTYPE html> <html> <head> <title>json</title> <script type="text/javascript"> var arr = [12, 8, 99, 122]; var string = arr.join('-'); alert(string); </script> </head> <body> </body> </html>
将数组中的元素用‘-’连接后返回一个字符串。