zoukankan      html  css  js  c++  java
  • DOM 提交表单和定时器的方法

    提交表单:
                        任何表情通过DOM都可以提交表单
                        document.getElementById('f1').submit()

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <form id="f1" action="http://www.baidu.com">
            <input type="text"/>
            <input type="submit" value="提交"/>
            <!--第一种提交表单-->
            <a onclick="submitForm()">提交吧</a>
            
        </form>
        <script>
            function submitForm() {
                document.getElementById('f1').submit();
                //第二种提交表单
                // alert(123);
                var v = confirm('真的要删除吗?');
                console.log(v)
    
            }
            //定时器,一直执行
            var obj = setInterval(function () {
                console.log(1)
                clearInterval(obj)
    
            },1000)
    
            //定时器只执行一次
            setTimeout(function () {
                console.log('timeout');
    
            },5000)
    
        </script>
    
    </body>
    </html>

    其他:
                        var v = confirm('真的要删除吗?'); v:true false
                        console.log(v) 输出框
                        alter(123);弹出框
                        // URL和刷新
                        location.href  获取URL
                        location.href ="";重定向,跳转
                        location.href =location.href; 页面刷新
                        location.reload()           页面刷新
                        // 定时器
                        setInterval                 多次定时器
                        clearInterval               清除多次定时器
                        
                        setTimeout                  单次定时器
                        clearTimeout                清除单次定时器

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="status"></div>
    
        <input type="button" value="删除" onclick="DeleteEle()"/>
    
        <script>
            function DeleteEle() {
                document.getElementById('status').innerText = "已删除";
    
            }
            setTimeout(function () {
                document.getElementById('status').innerText = "";
    
    
            },3000)
        </script>
    
    </body>
    </html>
  • 相关阅读:
    LeetCode Ugly Number
    LeetCode Missing Number
    拓扑排序
    不相交集的求并算法(按集合大小求并+按高度求并)
    数据结构排序总结
    基数排序
    java 发展简史
    java 白皮书的关键术语
    包+类导入+静态导入+类放入包中+包作用域
    关于二叉堆(优先队列)的其他操作及其应用
  • 原文地址:https://www.cnblogs.com/anhao-world/p/14304098.html
Copyright © 2011-2022 走看看