• JavaScript(9):非常规form表单提交、弹出框、URL和刷新、定时器


        1.非常规form表单的提交方式

        任何处于form表单中的标签通过DOM都可提交表单

    document.getElementById("form").submit();
        以下给出相应的示例代码:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>非常规表单提交方式</title>
    </head>
    <body>
        <form id="form_submit" action="http://www.baidu.com">
            <input type="text">
            <input type="submit" value="常规form提交">
            <div id="unusual" onclick="unusual_submit();">
                非常规form提交
            </div>
        </form>
    
        <script>
            function unusual_submit() {
    //            注意这里要获取的标签是form标签,而不是关联该函数的标签!!
                document.getElementById("form_submit").submit();
            }
        </script>
    </body>
    </html>


        2.输出框

    console.log          //控制台输出框
    alert                //警告框
    confirm              //确认框
    var v=confirm(信息)             //v:true/false

        3.URL和刷新
    location.href                  //获取URL
    location.href = "url"          //重定向
    location.reload()              //重新加载
    //location.href = location.href   <==>    location.reload()


        4.定时器

    setInterval(函数,间隔时长(/ms))      //多次定时器,其第一个参数必须为函数,若为输出语句console.log("1")等,则只会输出一次"1"
    clearInterval                          //清除多次定时器
    setTimeout                             //单次定时器
    clearTimeout                           //清除单次定时器

        以下给出多次与单次定时器操作的示例代码,具体效果可以在浏览器的控制台看到

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>多次定时器与单次定时器</title>
    </head>
    <body>
        <input id="i1" type="button" value="清除多次定时器" onclick="f1();">
        <input id="i2" type="button" value="清除单次定时器" onclick="f2();">
    
        <script>
            var set1 = setInterval(function(){
                console.log("多次定时器");
            },1000);
    
            var set_test = setInterval(console.log("多次定时器测试语句"),1000);
            //该语句为测试语句,本语句setInterval()的第一个参数不是函数,因此只能输出一次"hah"。
    
            function f1() {
                clearInterval(set1);
            }
            function f2() {
                clearTimeout(set3);
            }
    
            var set2 = setInterval(function () {
                console.log("多次定时器只执行一次");
                clearInterval(set2);
            });
    
            var set3 = setTimeout(console.log("单次定时器"),2000);
        </script>
    </body>
    </html>


  • 相关阅读:
    使用express框架创建服务器
    搭建第一个node服务器
    Node 与JS的区别
    node学习之路
    【每天一个linux命令】read
    【每天一个linux命令】awk
    【每天一个linux命令】wc
    【每天一个linux命令】sed
    【每天一个linux命令】tee
    【每天一个linux命令】find
  • 原文地址:https://www.cnblogs.com/wangchongzhangdan/p/9409628.html
Copyright © 2020-2023  润新知