// var str = "kerwin"
        // var str1 = str.charAt(10)

        // charCodeAt(索引)返回索引对应的字符编码
        // var str1 = str.charCodeAt(0)
        // console.log(str1)

        // console.log(str.toUpperCase())toUpperCase 使全部字母转化为大写
        // console.log(str.toLowerCase())toLowerCase使全部字母转化为小写
    
        // 截取 substr(开始索引，长度) substring(开始索引，结束索引)
   

        // replace 替换 只会替换遇见的第一个
        var str = "abdwasa"
        var str1 = str.replace("a","*")
        console.log(str1)


        // split 分割 join
        // var str = "a,b,c,d"
        // console.log(str.split(","))

        // concat 连接字符串
        // trim 去掉首尾空格
        // trimStart() trimLeft()去掉首尾空格
        // trimEnd()trimRight()去掉尾空格

回调函数的案列，以及部分使用说明

        // arr.forEach(function(item,index){
        //     console.log(item,index)
        // })

        //  map 映射
        // var arr = [1,2,3,4,5]
        
        // var arr2 = arr.map(function(item){
        //     return item*item
        // })
        
        // var arr = ["jiege","junge"]
        // var arr2 = arr.map(function(item){
        //     return "<li>"+item+"</li>"
        // })
        // document.write(arr2.join(""))

        // filter 过滤

        // var arr = [100,200,300]

        // var arr2 = arr.filter(function(item){
        //     return item>200  // 如果成立是turn则会返回值，若是false则不会返回值
        // })


        // every 每一个
        // var arr = [90,90,92,94]
        // var arr2 = arr.every(function(item){
        //     return item>=90
        // })
        // console.log(arr2)
        // 其中每一个值都大于等于九十 才会输出trun

        // some 只要一个满足条件就是trun
        // 格式与上边应该类似

        // find 查找符合条件的一个，与filter的用法类似

        // reduce 叠加
        var arr = [1,2,3,4,5]

        var arr2 = arr.reduce(function(prev,item){
            return prev+item
        })

浏览器查询 存储 更该内容

        // arr.forEach(function(item,index){
        //     console.log(item,index)
        // })

        //  map 映射
        // var arr = [1,2,3,4,5]
        
        // var arr2 = arr.map(function(item){
        //     return item*item
        // })
        
        // var arr = ["jiege","junge"]
        // var arr2 = arr.map(function(item){
        //     return "<li>"+item+"</li>"
        // })
        // document.write(arr2.join(""))

        // filter 过滤

        // var arr = [100,200,300]

        // var arr2 = arr.filter(function(item){
        //     return item>200  // 如果成立是turn则会返回值，若是false则不会返回值
        // })


        // every 每一个
        // var arr = [90,90,92,94]
        // var arr2 = arr.every(function(item){
        //     return item>=90
        // })
        // console.log(arr2)
        // 其中每一个值都大于等于九十 才会输出trun

        // some 只要一个满足条件就是trun
        // 格式与上边应该类似

        // find 查找符合条件的一个，与filter的用法类似

        // reduce 叠加
        var arr = [1,2,3,4,5]

        var arr2 = arr.reduce(function(prev,item){
            return prev+item
        })

模糊案列查询

        var arr = ["aaa","sbd","ccc","abc"]
        rse = arr.filter(function(item){
            return item.indexOf("input")>-1
        })
        console.log(rse)

内置函数和部分自定义变量声明

        // new Date（）在不传递参数的情况下默认返回当前的时间 
        // var date = new Date()
        // console.log(date.getFullYear)
        // getFullYear获取年
        // getMonth
        // getDay
        //   Hours
        //   Minutes
        //   Seconds
        //   getTime()时间戳

        //   console.log(date.getTime)
        //   表示离1970年的时间毫秒

        // 设置
        // date.setFullYear(2025)

        // setxxx 改变某个值

// 倒计时
    //    var time = setTimeout(function(){
    //     console.log("jiege")
    //     },5000)    //注册定时器  ，过了多久就执行

    //     var time2 = setInterval(function(){
    //         console.log("yanjun")
    //     }, 2000);  // 间隔多久是实行一次

    //     console.log(time,time2)

    //     btn1.onclick =  function(){
    //         console.log("btn1 click")
    //         clearTimeout(time) 让他停止执行
    //     }

随机取整（后面12题中可能要用这个）

            if(min>max){
                console.error("输入数据有误，请重新输入")
            }
           
            return Math.floor(Math.random()*(max-min))+min
        }
        console.log(name(100,200))
        // 不包含最大值，如需要包含最大值，只需要+1

bom其中的一部分

  <title>Document</title>
    <style>
        body{
            height: 3000px;
            width: 400px;
        }
        
    </style>
    
</head>
<body>
  
    <!-- <div style="height: 400px;"></div>

        
        
    <script>
        // alert 弹出框
        // 询问框
        // confirm("你确定删除吗？")
        // var res =  confirm("你确定删除吗？")
        // 返回值是 trun 或者false 
        // 输入框 prompt("请输入xx")

        // window 中有一个对象叫做location
        // 专门用来储存浏览器的地址栏内的信息的

    //    console.log(location.href) //地址

    //    btn.onclick = function(){
    //     location.href = "https://www.bilibili.com/"
    //    }


    // window.onload = function(){
    //     // 页面所有的资源都加载完成后才会执行
    //     console.log("加载完成")
    // }

    // window.onresize = function(){
    //     console.log("resize")
    // }

    // window.onscroll = function(){
    //     console.log("scroll","滚动距离到了哪")
    //     可以出现定位啥的，用做回到顶部
    // }

        // document.documentElement.scrollTop
        //                          scroLeft 改为这个则返回的为横向滚动的值
        //  获取滚上去的距离
        // onscroll = function(){
        //    console.log( document.documentElement.scrollTop)
        //     if((document.documentElement.scrollTop)>100){
        //         console.log("回到顶部按钮出现")
        //     }
        // }
        // bth.onclick = function(){
        //     window.scrollTo(0,0)
        // }

        window.open("")
        btn.onclick = function(){
            window.open("https://www.bilibili.com/")
        } //打开新的标签页
          window.close()//在原标签页面中进行跳转网站
     </script>
</body>
</html>

json格式字符串，前后端交互和部分转换（妙处多多呀）

// '{"key":xxx,"key":"123"}'  需要严格按照规则进行转换
var str = '{"name":"kerwin","age":100}'
// 上面这种是json字符串=》对象

var obj = JSON.parse(str)
// 将此json字符串转换为对象


// 前=》后
// var obj1 = {"name":"jiege"}

// var str1 = JSON.stringify(obj1)
// // 此处为将对象转换为json字符串



   // 模板字符串

    // 在 TAB上面的反引号 ··里面可以直接换行不会报错，若是在双引号里面换则换报错（加/可避免）
    // 在··里面加${}可独立认为是js中的变量
    // 例如 "<li>item</li>"则会将整个认为是字符串形式
    // 与之相反 在`<li>${item}</li>`中则将item认为是变量，可参与外部的赋值