ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2022-07-12 20:04:15  阅读:115  来源: 互联网

标签:count 12 console 07 while let 2022 div log


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把菜单放回时有错

标签:count,12,console,07,while,let,2022,div,log
来源: https://www.cnblogs.com/xianrenle/p/16471448.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有