confirm 确认框
用于验证用户点的是确认还是取消,点击确定会返回一个true,取消就是false。
例如:
let f = confirm('你是一个好学生吗');
if(f == true){
alert('继续加油');
}else{
alert('我还要努力');
}
复制代码
location 查询
window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
//这个是地址的参数信息
console.log(window.location.search);
//这个是地址的路径
console.log(window.location.href);
//这个是地址的端口
console.log(window.location.port);
复制代码
前进、后退、刷新的实现
<button onclick="back()">后退</button>
<button onclick="forword()">前进</button>
<button onclick="go()">刷新</button>
<script>
function back(){
window.history.back();//后退
}
function forword(){
window.history.forward();//前进
}
function go(){
window.history.go();//刷新
}
</script>
//此外 function go(){
// window.history.go(-1);//li里面的参数1表示前进 -1表示后退 0表示刷新
// }
复制代码
setInterval 、 setTimeout() 定时器
setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
从0开始每过一秒加1并打印在控制台上 点击清除按钮按钮停止打印
<button onclick="clerafn()">清除</button>
<script>
let b = 0;
let id = setInterval(function(){
b++;
console.log(b);
},1000)
function clerafn(){
clearInterval(id);
}
</script>
复制代码
localStorage 和 sessionStorage 数据存储
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据
提示: 如果你想在浏览器窗口关闭后还保留数据,可以使用 localStorage 属性, 该数据对象没有过期时间,今天、下周、明年都能用,除非你手动去删除。
<button onclick="fn1()">学生信息</button> //点击创建信息
<button onclick="fn2()">获取</button> //点击获取信息
<script>
function fn1(){ //创建信息时间
sessionStorage.stuNo = '12'; //key = sutNo value = 12
sessionStorage.chinses = '90分'; //key = stuNo value = 90分
}
function fn2(){//点击后获取的信息
document.write(sessionStorage.stuNo);//打印在页面 12
document.write(sessionStorage.chinses);//打印在页面 90分
}