一、submit

（一）直接在html的标签中使用，（二）通过JS调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>submit</title>
</head>
<body>
    <div>html的表单功能，可以使用JS自定义，如下submit：</div>

    <div>方式一：</div>
    <form action="https://www.sogou.com/web?" method="get">
        <input type="text" name="query">
        <input type="submit">
    </form>

    <div>方式二：</div>
    <form id="search" action="https://www.sogou.com/web?" method="get">
        <input type="text" name="query">
        <input type="button" onclick="Foo();" value="提交">
    </form>
    <script>
        function Foo(){
            document.getElementById("search").submit();
        };
    </script>
</body>
</html>
View Code

二、confirm

（一）alert：只有弹窗，（二）除了弹窗，还有返回值，（三）自定义模态对话框，

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>confirm</title>
</head>
<body>
    <div>
        关于弹窗，最简单的是alert，只有提示弹窗，无返回值：
    </div>
    <input type="button" value="alert" onclick="Foo();" />
    <hr />
    <div>
        conform 除了弹窗，还有返回值：取消false、确定true，
    </div>
    <input type="button" value="confirm" onclick="Cfirm();" />
    <hr />
    <div>
        最漂亮的弹窗，可以使用模态对话框的方法，进行自定义
    </div>

    <script>
        function Foo(){
            alert("我是最简单的弹窗！");
        };
        function Cfirm(){
            var ret=confirm("我是confirm，虽然丑，但是我有返回值！")
            console.log(ret);
        };
    </script>

</body>
</html>
View Code

三、location

（一）获取url：location.href，（二）跳转url：location.href = " "，（三）刷新：location.reload，

四、interval

定时器interval，类似于多线程，可以自执行；可以多次执行、也可以仅单次执行，

（一）setInterval：多次定时器设置，（二）clearInterval：清除多次定时器，（三）setTimeout：单次定时器设置，（四）clearTimeout：单次定时器清除，

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>interval</title>
</head>
<body>
    <div>关于定时器的设置和取消</div>
    <input type="button" value="定时" onclick="SetIn()" />
    <input type="button" value="取消" onclick="Stop()" />

    <div>单次计时器的设置和取消</div>
    <input type="button" value="删除" onclick="Del();">
    <div id="del"></div>
    <input type="button" value="取消删除提示" onclick="Cle();">
    <script>

    //单次执行的定时器
        function Del(){
            document.getElementById("del").innerText = "已删除";
            //单次定时
            tt = setTimeout(S,3000);
        };
        function S(){
            document.getElementById("del").innerText = "";
        };

    //单次定时器关闭
        function Cle(){
            clearTimeout(tt);
        };

    //多次执行的定时模块，相当于多线程
        function SetIn(){
            /*//方式一：使用字符串
            setInterval("console.log(1)",1000);*/

            /*//方式二：使用基本函数
            function f(){
                console.log(1);
            };
            setInterval(f,1000);*/

            /*//方式三：使用匿名函数
            setInterval(function(){
                console.log(1);
            },1000);*/

            //推荐使用方式三，如下使用：
            t1 = setInterval(function(){console.log(1);},1000); //1000:1秒
            t2 = setInterval(function(){console.log(2);},2000);
        };
    //关闭多次指定的定时器
        function Stop(){
            //定时器停止
            clearInterval(t1);
        };

    </script>

</body>
</html>
View Code