用户交互alert、prompt、comfirm :
<script type="text/javascript">
//1.alert提示作用,只有一个确认按钮
alert("出错了")
//2.prompt 可以获取用户输入,并且可以指定默认值
有一个输入框可以接收用户输入,两个按钮,确定和取消,
如果确认会有返回用户输入值
var a=prompt("请输入一个数");
//3.comfirm 有需要确定的问题 有两处按钮(确定,取消) 返回 true/false
var re=confirm("确定要删除记录吗")
console.log(re);
if (re==true) {
alert("确定删除");
}else{
alert("取消删除");
}
</script>
定时器:
<script type="text/javascript">
// 1.setTimeout过多少毫秒后,dosth,只做一次就结束
setTimeout("alert(123)",5000);
// 2.setInterval每间隔多少毫秒后,执行一次dosth(实现轮循)
//setInterval("alert('每2000毫秒出现1次')",2000);
function printTime(){ alert('定时执行函数,函数名后不加小括号');
} //'定时执行函数,函数名后不加小括号'
var id=setTimeout(printTime,4000);
function stop(){
alert("已停止"+id); //取消定时器1.clearTimeout // 2.clearInterval clearTimeout(id);
}
</script>
</head>
<body> <button type="button" onclick="stop();">停止</button>
</body>
</html>
location:
<script type="text/javascript">
function re(){
location.reload();
}
function baidu(){
location.href="https://www.baidu.com";
}
function first(){
location.href="index.html";
}
</script>
</head>
<body>
<button type="button" onclick="re()"> 刷新</button>
<button type="button" onclick="baidu()"> 百度</button>
<button type="button" onclick="first()"> 首页</button>
</body>
history 返回按钮:
上一页:
<a href="javascript:history.go(-1);"></a> //go可代替back、forward
<a href="javascript:history.back();"></a> // back()不支持赋值
下一页 :
<a href="javascript:history.go(1);"></a>
<a href="javascript:history.forward();"></a>