码迷,mamicode.com
首页 > 编程语言 > 详细

深入javascript

时间:2016-05-11 19:37:50      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

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>

   将数组中的元素用‘-’连接后返回一个字符串。

深入javascript

标签:

原文地址:http://www.cnblogs.com/xidongyu/p/5483223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!