一、前言
之前我們學習的是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
取消：false
3.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>
?
![[UWP]了解模板化控件(4)：TemplatePart](http://pic.xiahunao.cn/[UWP]了解模板化控件(4)：TemplatePart)
