Math对象

最新推荐文章于 2024-08-13 19:16:47 发布

weirdox

最新推荐文章于 2024-08-13 19:16:47 发布

阅读量300

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/weirdox/article/details/73302788

javascript 专栏收录该内容

3 篇文章

订阅专栏

一、Math对象的属性
Math.E//此属性代表算术常量e，即自然对数的底数
Math.LN2//此属性代表loge2，即2的自然对数
Math.LN10//此属性代表loge10，即10的自然对数
Math.LOG2E//此属性代表log2e，即以2为底e的对数
Math.PI//此属性代表∏
Math.SQRT2//此属性代表返回2的平方根
Math.SQRT1_2//此属性代表返回2的平方根的倒数
Math.abs()//此属性代表返回数值的绝对值
Math.ceil()//此属性代表将数字进行上舍入
Math.floor()//此属性代表将数字进行下舍入
Math.max()//此属性代表返回数中较大的一个；没有参数返回-Infinity，若某个参数为NaN或是不能够转换成数字的非数字值，则返回NaN
Math.min()//此属性代表返回数中较小的一个；没有参数返回Infinity，若某个参数为NaN或是不能够转换成数字的非数字值，则返回NaN
Math.pow()//此属性代表返回x的y次幂的值（x，y）
Math.round()//此属性代表将参数进行四舍五入
Math.random()//此属性代表返回介于0-1之间的一个随机数；返回值包括0，但不包括1
二、举例
验证码举例


<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #box {
                width: 500px;
                height: 100px;
                padding: 20px;
                background: #ccc;
                margin: 0 auto;
            }

            input {
                float: left;
                margin-right: 15px;
                width: 200px;
                height: 40px;
            }

            span {
                float: left;
                width: 200px;
                height: 40px;
                background: #fff;
                display: block;
            }

            button {
                clear: both;
                display: block;
                width: 80px;
                height: 30px;
            }
        </style>
        <script type="text/javascript">
            window.onload = function() {
                var obtn = document.getElementsByTagName("button")[0];
                var ospan = document.getElementsByTagName("span")[0];
                var oinput = document.getElementsByTagName("input")[0];
                var arr = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "a", "s", "d", "f", "g", "h", "j", "k", "l", "z", "x", "c", "v", "b", "n", "m"];
                var arrlength = arr.length;
                var str = '';
                //alert(arrlength)
                //点击触发
                obtn.onclick = function() {
                    //alert(oinput.value)
                    //alert(ospan.innerHTML)
                    if(oinput.value == "") {
                        alert('快点输入！ ')
                    } else if(oinput.value != ospan.innerHTML) {
                        alert('错了！ ')

                    } else if(oinput.value.length > 6) {
                        alert('长度不对！ ')

                    } else {
                        alert('对了！ ')

                    }

                }
                //点击触发结束

                function randNUM() {
                    for(var i = 0; i < 6; i++) {
                        var num = Math.floor(Math.random() * arrlength)
                        str += arr[num];


                    }
                    console.log(str)
                    ospan.innerHTML=str

                }
                randNUM()

            }
        </script>
    </head>

    <body>
        <div id="box">
            <input type="text" id="txt1" />
            <span id="yzm"></span>
            <button>点击</button>

        </div>
    </body>

</html>

运行结果如下所示：
这里写图片描述