day16-Dom提交表单以及其他
生活随笔
收集整理的這篇文章主要介紹了
day16-Dom提交表单以及其他
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、前言
之前我們學習的是from提交表單，那個是html的提交表單方式，現在我們用dom來提交表單，還有一些其他的方式
二、dom提交表單
2.1、html提交表單
說明：form標簽跟submit類型的input標簽結合
<body><form id="f1" action="http://www.baidu.com"><input type="text"/><input type="submit" value="提交"/> //必須是input標簽，type必須是submit類型</form> </body>2.2、dom提交表單
說明：用dom提交表單，任何標簽都可以提交表單，比如說：a標簽、div標簽都可以。
document.getElementById("from_id").submit();完整代碼：
<body><form id="f1" action="http://www.baidu.com"> //設置表單id<input type="text"/><a οnclick="submitForm();" style="cursor: pointer;">提交</a> //注冊事件</form><script>function submitForm(){document.getElementById("f1").submit(); //通過dom提交表單}</script> </body>三、其他
3.1、輸出框
console.log 輸出框 alert 彈出框 confirm 確認框重點強調confirm，例如：
var v = confirm("刪除？"); console.log(v);#輸出 確定：true 取消：false3.2、url和刷新
location.href 獲取URL location.href = "url" 重定向 location.reload() 重新加載① location.href
說明：獲取當前url
>>>location.href "http://localhost:63342/51homework/day16/m10.html"② location.href = "url"
>>>location.href = "http://www.baidu.com" "http://www.baidu.com"3.3、定時器
setInterval 多次定時器 clearInterval 清除多次定時器 setTimeout 單次定時器 clearTimeout 清除單次定時器① setInterval和clearInterval
說明：setInterval是定時器，一直執行。clearInterval清除setInterval定時器
var obj = setInterval(function(){console.log(1);clearInterval(obj);//執行一次就清除定時器},5000);//clearInterval(obj);//一次都不執行② setTimeout和clearTimeout
說明：setTimeout也是定時器，但是只執行一次
var obj = setTimeout(function(){console.log("timeout");},5000); //表示過5s鐘之后，才執行上面的函數?實際使用場景：當我刪除一個內容的時候，刪除信息過幾秒鐘消失，就跟QQ郵箱，刪除信息一樣，刪除信息過幾秒鐘消失。
<body><div id="status"></div><input type="button" value="刪除" οnclick="deleteEle();"><script>function deleteEle(){document.getElementById("status").innerText = "已刪除";setTimeout(function(){document.getElementById("status").innerText = "";},5000); //過5秒鐘清空已刪除提示}</script> </body>?
轉載于:https://www.cnblogs.com/zhangqigao/articles/8352640.html
總結
以上是生活随笔為你收集整理的day16-Dom提交表单以及其他的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： objective-c 编写规范_Obj
- 下一篇： 2019手卫生定义_2021年卫生资格考