Dom提交表单及其他

1.提交表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form id="i1" action="https://123.sogou.com/">
        <input type="submit" value="提交">
        <a onclick="submitForm();">提交1</a>
        <p onclick="submitForm();">提交2</p>
        <div onclick="submitForm();">提交3</div>

    </form>
    <script>
        function submitForm(){
            document.getElementById('i1').submit();
        }
    </script>

</body>
</html>

任何标签借助Dom都可以用上面方式提交表单。

2.其他

(1)   alert(信息)  弹出框(内容为信息)


(2)var v=confirm(信息)  确认框 有返回值  点击确定返回true,点击取消返回false。


(3)console.log()


(4)location 一般用法 


location.href 表示 获取当前URL

location.href=location.href  刷新页面

location.reload() 重新加载

location.href='url'  重定向

(5)定时器

var obj=setInterval(function(){},5000)   定时器,每5秒执行一次,一直执行。     clearInterval(obj)清除定时器

var obj1=setTimeout(function(){},5000) 定时器,每5秒执行一次,只执行一次。  clearTimeout(obj) 两者相连使用表示在执行前等待5秒的同时已经删除了定时器obj1.

例子:功能 点击删除按钮会弹出已删除,在过5秒已删除消失。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="status"></div>
    <input type="button" value="删除" onclick="Delete()">
    <script>
        function Delete(){
            document.getElementById('status').innerText='已删除';
            setTimeout(function(){
                document.getElementById('status').innerText=' ';
            },5000)
        }

    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/beifangdefengchuilai/article/details/80530062
今日推荐