2022-07-12 第六组 李俊琦 JavaScrip02

2022/7/13 14:22:43

本文主要是介绍2022-07-12 第六组 李俊琦 JavaScrip02,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

JavaScrip

今日重点

1.switch..case

点击查看代码
 <script>

        function getDays(year,month,day) {
            let count = 0;
            switch(month) {
                case 4:
                    count += 31;
                case 3:
                    count += (isRun(year) ? 29 : 28)
                case 2:
                    count += 31;
                case 1:
                    count += day;
                    
            }
            return count;
        }
        console.log(getDays(2022,4,1));
        function isRun(year){
            switch(year % 400){
                case 0: 
                    return true;
                default:
                    if(year % 4 == 0 && year % 100 != 0){
                        
                        return true;
                    }
                    return false;
            }
        }

    </script>
2.4种循环的使用

3.for in 遍历使用

点击查看代码
 <script>
        let arr = [1,2,3,4,5];
        // for in语句,能做得事情较少,只能做遍历操作
        // 可以理解为a是arr数组的下标通过映射给a
        for(let a in arr){
            console.log(arr[a]);
        }
    </script>
4.let a 的初始化条件
点击查看代码
<script>
        /*
            do...while循环
            let a 初始化条件
            do做什么事
            log循环体
            a > 100判断条件
            a++循环条件
            do...while和while的区别:
            do...while先执行一次,再判断。无论条件是否成立,至少执行一次
            while:如果条件不成立,一次都不走

            死循环:
                for(;;){}
                while(true){}
                do{}while(true);
        */
      let a = 10;
      while(a == 10){
        
      }
    //   do {
    //     console.log(a);
    //     a++;
    //   } while (a > 100);
    </script>
5.JS内置函数
点击查看代码
 Array:
                    1.concat()连接
                    2.join('-')设置分隔符连接数组为一个字符串
                    3.pop()删除最后一个元素
                    4.sort()排序,从小到大排序
                Global:
                    1.isNaN():判断一个值是不是数字
                    2.parseFloat():把一个整数转换成小数
                    3.parseInt():把一个小数转成整数,取整
                    4.number():把一个值转成number类型
                    5.string():把其他类型转成字符串110 120 119
                String:
                    1.charAt(1):取出指定位置的字符
                    2.indexOf('a'):判断指定的字符是否存在,如果存在返回下标,如果不存在,返回-1
                    3.lastIndexOf('a'):从后往前找
                    4.replace('a','b'):替换字符串
                    5.split('-'):根据-去拆分字符串,得到一个数组
                    6.substring(1,6):字符串截取
                Math:
                    1.ceil()向上取整
                    2.floor()向下取整
                    3.round()四舍五入
                    4.random()随机,生成一个0-1的随机数
                    5.tan() sin cos cot
                    6.E PI
                Date:
                    1.new Date();获取系统当前日期
                    2.getDate():返回日期的日 1~31
                    3.getHours():返回时间中的时0~23
                    4.getMinutes():返回时间中的分
                    5.getSeconds():返回时间中的秒
                    6.getTime():获取系统当前时间
                    7.getYear():获取年
            */
6.用选择器去抓取元素
点击查看代码
 // 1.根据选择器去抓取一个元素
            // let div = document.querySelector('.div2');
            // console.log(div);
            // 2.根据选择器去抓取全部元素
            // let divs = document.querySelectorAll('.div1');
            // console.log(divs[0]);

            // let div = document.querySelector("div");
            // 获取元素内部的文本,不会获取到内部的HTML标签
            // console.log(div.innerText);
            // 获取元素内部的所有内容,包括HTML标签
            // console.log(div.innerHTML);

            // 改变元素的内容
            // div.innerText = "<h1>我是通过JS来的</h1>";
            // div.innerHTML = "<h1>我是JS来的</h1>";

            let username = document.querySelector("#username");
            username.value = "我是JS来的";

学习心得

收获
1.对于省市区之间的下拉菜单切换还是无法处理清晰
2.在下拉菜单切换后无法更新后面下拉菜单的内容
3.通过shi.innerHTML = html把菜单放回时有错



这篇关于2022-07-12 第六组 李俊琦 JavaScrip02的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程