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>
  • 相关阅读:
    MySQL5.7安装详细教程
    Java之GUI编程
    Java基础
    生成JavaDoc文档
    SpringtMVC运行流程:@RequestMapping 方法中的 Map、HttpServletRequest等参数信息是如何封装和传递的(源码理解)
    SpringCache @Cacheable 在同一个类中调用方法,导致缓存不生效的问题及解决办法
    Spring源码学习:第1步--在Spring源码中添加最简单的Demo代码
    Spring源码学习:第2步--使用SLF4j+Log4j日志框架替换掉其自身的commons-logging日志框架
    Spring源码学习:第0步--环境准备
    JasperReport报表
  • 原文地址:https://www.cnblogs.com/anhao-world/p/14304098.html
Copyright © 2011-2022 走看看