1.非常规form表单的提交方式
任何处于form表单中的标签通过DOM都可提交表单
document.getElementById("form").submit();
以下给出相应的示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>非常规表单提交方式</title>
</head>
<body>
<form id="form_submit" action="http://www.baidu.com">
<input type="text">
<input type="submit" value="常规form提交">
<div id="unusual" οnclick="unusual_submit();">
非常规form提交
</div>
</form>
<script>
function unusual_submit() {
// 注意这里要获取的标签是form标签,而不是关联该函数的标签!!
document.getElementById("form_submit").submit();
}
</script>
</body>
</html>
2.输出框
console.log //控制台输出框
alert //警告框
confirm //确认框
var v=confirm(信息) //v:true/false
3.URL和刷新
location.href //获取URL
location.href = "url" //重定向
location.reload() //重新加载
//location.href = location.href <==> location.reload()
4.定时器
setInterval(函数,间隔时长(/ms)) //多次定时器,其第一个参数必须为函数,若为输出语句console.log("1")等,则只会输出一次"1"
clearInterval //清除多次定时器
setTimeout //单次定时器
clearTimeout //清除单次定时器
以下给出多次与单次定时器操作的示例代码,具体效果可以在浏览器的控制台看到
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多次定时器与单次定时器</title>
</head>
<body>
<input id="i1" type="button" value="清除多次定时器" οnclick="f1();">
<input id="i2" type="button" value="清除单次定时器" οnclick="f2();">
<script>
var set1 = setInterval(function(){
console.log("多次定时器");
},1000);
var set_test = setInterval(console.log("多次定时器测试语句"),1000);
//该语句为测试语句,本语句setInterval()的第一个参数不是函数,因此只能输出一次"hah"。
function f1() {
clearInterval(set1);
}
function f2() {
clearTimeout(set3);
}
var set2 = setInterval(function () {
console.log("多次定时器只执行一次");
clearInterval(set2);
});
var set3 = setTimeout(console.log("单次定时器"),2000);
</script>
</body>
</html>