javaScript 常用方法

最新推荐文章于 2025-02-21 00:00:02 发布

原创最新推荐文章于 2025-02-21 00:00:02 发布 · 451 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

HTML&JS

本文汇总了多种JavaScript实用技巧，包括数值处理如四舍五入、获取函数参数个数、字符串判断、生成随机数等，还介绍了如何通过按钮触发函数及实时显示系统时间的方法。

本文会不定期补充。

四舍五入

<html>
    <head>
        <meta charset = "utf-8">
        <title>JsText</title>
        <script>
            var s = Math.PI * 2 * 3;
            document.write("<br>保留4位：Math.PI * 2 * 3 =" + s.toFixed(4));

            document.write("<br>整数： Math.PI * 2 * 3 =" + parseInt(s));

            document.write("<br>向上取整： Math.PI * 2 * 3 =" + Math.ceil(s));

            document.write("<br>向下取整： Math.PI * 2 * 3 =" + Math.floor(s));

            document.write("<br>四舍五入： Math.PI * 2 * 3 =" + Math.round(s));
        </script>
    </head>
    <body>
    </body>
</html>

2.获取函数的参数个数
没实际用处，但是可以根据参数个数再进行后续处理。

    <script type="text/javascript">
        function fnc(x,y){
            return fnc.arguments.length;
        }
        alert(fnc());
        alert(fnc(1,1));
        alert(fnc(1,1,1,1));
    </script>

3.判断字符串是否存在

    <script type="text/javascript">
        var str = "1234";
        alert(stra.indexOf("23") != -1);
        alert(stra.indexOf("23"));
    </script>

4.生成随机数

<script>
            function init(){
                var p1 = document.getElementById("rand");
                p1.innerHTML = Math.floor(Math.random() * 10);//生成0~10的随机数，再取整
            }
            window.onload=init;//页面载入完成后调用
        </script>
        <body>
            <p id="rand">Test</p>
        </body>

5.button调用函数

<script>
        function init(){
            var tb1 = document.getElementById("testbutton1");
            //绑定第一个button的Click事件
            tb1.onclick= clickbutton;   

            var tb3 = document.getElementById("testbutton3");
            //绑定第三个button的Click事件
            tb3.addEventListener("click",clickbutton,false);
        }
        function clickbutton(){
            alert("clickbutton");
        }
        window.onload=init;   
    </script>

    <body>
        <input type ="button" id="testbutton1" value = "buttion1">
        <!--直接调用函数-->
        <input type ="button" id="testbutton2" value = "buttion2" onclick="clickbutton()">
        <input type ="button" id="testbutton3" value = "buttion3">
    </body>

6.显示系统时间

<script type="text/javascript">
    function setData(){
        var date = new Date();
        var currdate=document.getElementById("currdate");
        currdate.innerHTML="<h1>"+date+"</h1>"
        setTimeout(setData,1000);
    }

    window.onload=setData;  
</script>
<body>
<span id = "currdate"></span>
</body>

标签

#javascript