本地储存

1.history

    // history.back() - 方法加载历史列表中的前一个 URL。
    // history.forward() - 法加载历史列表中的后一个 URL。
    // history.go(-1)//-1 后退一次 -2后退两次  1 前进一次

    <div>此页面为1</div>
    <a href="./01-history2.html">跳转到history2</a>
    <button>前进</button>
    <script>
        // history.back() - 方法加载历史列表中的前一个 URL。
        // history.forward() - 法加载历史列表中的后一个 URL。
        // history.go(-1)//-1 后退一次 -2后退两次  1 前进一次
        var btn = document.querySelector('button');
        btn.onclick = function () {
            history.forward()
        }
    </script>

2.confirm 确认弹窗

确认弹窗。当你点击 "确认", 确认框返回 true， 如果点击 "取消", 确认框返回 false。

        var val = confirm('确定要删除吗')//确认弹窗。当你点击 "确认", 确认框返回 true， 如果点击 "取消", 确认框返回 false。
        console.log(val)

3.setTimeout/setInterval 传参

    //  setTimeout/setInterval(function(str){}，1000，str)
    //可将setTimeout/setInter中的str传到function中
    
    var str = '传参'
    setInterval(function(str){
        console.log(str)//成功传入
    },1000,str)

4.本地存储

//localStorage 本地存储
 //将其全部注释 查看 还是存在
// localStorage存储的内容关闭标签页，不会丢失！！！关闭浏览器也不会消失！
//设置属性setItem(key,str) //str只能为字符串  调用 getItem(key)  
//删除某属性 removeItem(key)    删除所有属性 clear()

        console.log(localStorage)
        localStorage.setItem('name','jz')
        var obj = {
            name:'张三',
            age:18
        }
        localStorage.setItem('obj',JSON.stringify(obj))
        console.log(localStorage)
        console.log(localStorage.getItem('name'))//jz
        console.log(localStorage.removeItem('name'))//删除成功
        console.log(localStorage.clear())//全部删除

5.暂时存储

    // sessionStorage,如果关闭了标签页，存储的内容就消失了！！！
    //设置属性setItem(name,str) //str只能为字符串  调用 getItem(name)  
    //删除某属性 removeItem(name)    删除所有属性 clear()

        console.log(sessionStorage)
        sessionStorage.setItem('name','jz')
        var obj = {
            name:'张三',
            age:18
        }
        // sessionStorage.setItem('obj',JSON.stringify(obj))

6.cookies存储东西 永久存储！！！

 // document.cookie = "1231231313"

cookies