1

85 阅读2分钟

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分
    }