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>

JavaScript笔记（9）：非常规form表单提交、弹出框、URL和刷新、定时器

猜你喜欢