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 οnclick="submitForm();">提交1</a>
        <p οnclick="submitForm();">提交2</p>
        <div οnclick="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="刪除" οnclick="Delete()">
    <script>
        function Delete(){
            document.getElementById('status').innerText='已刪除';
            setTimeout(function(){
                document.getElementById('status').innerText=' ';
            },5000)
        }

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章