lyt0612

导航

2022-07-12 第八组 刘禹彤 学习笔记

第四天打卡

今天学习了JS的相关知识

##3相关知识点：for循环   while循环     concat连接   抓取信息   添加事件

###学习心得：

今天讲的内容有点多，上课进度有点快，对信息抓取方面的知识掌握的不熟练，写代码的时候不知道应该从哪一步先开始，课间向同学进行了询问，对大体思路有了基本的理解，但是对事件的掌握还不太好。

##3学习内容：

for循环的执行步骤：
1.let i = 0； 初始化条件，当i=0时循环开始
2.i<10；判断条件，会和初始条件配合循环的执行，决定了循环什么时候停止
3.循环体：循环重复在做什么事情
4.i++循环条件，每次循环体执行完毕让i产生变化


while循环执行流程：
1.初始化条件
2.判断条件
3.执行循环体
4.自增

while循环 PK for循环
初始化条件不好控制 每个for循环的初始条件都是隔离的
循环条件不好控制 每个for循环的a++都是隔离的
写函数时，返回值便于管理

 

do..while循环
let a 初始化条件
do做什么事
log循环体
a >100判断条件
a++循环条件


do..while和while的区别：do..while先执行一次再判断，无论条件是否成立，至少执行一次
while：如果条件不成立，一次都不执行

 

根据选择器抓取元素

 
JS内置函数：
          Array:
                1.concat()连接
                2.join()设置分隔符连接数组为一个字符串
                3.pop()删除最后一个元素
                4.sort()排序，从小到大排序
            Global:
                1.isNaN():判断一个值是不是数字
                2.parseFloat()；把一个整数转换为小数
                3.parseInt():把一个小数转换为整数
                4.把一个值转为number类型
                5.string():把其他类型转换为字符串110 120.。
            string:
                1.chartAt():取出指定位置的字符
                2。indexOf():判断指定字符是否存在，如果存在返回下标，否则返回-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():返回时间中的秒
 
 
###上课对相关内容进行了一个练习：
代码： 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>
        账号：<input type="text" id="username">
    </p>
    <p>
        密码：<input type="password" id="password">
    </p>
    <p>
        <input type="button" value="登录" onclick="need()">
    </p>
    <script>
        // 需求：当用户名==admin，密码==123456时，提示登陆成功，否则：提示用户名或密码错误
        /*
        思路：给按钮添加单击事件
            当点击按钮时，获取用户名和密码框输入的值，然后进行判断，if()登陆成功，else用户名或密码错误
        */
        function need() {
            // 拿用户名框输入的内容
            let username = document.querySelector("#username").value;
            let password = document.querySelector("#password").value;
            if (username == "admin" && password == "123456") {
                alert("登陆成功");
            } else {
                alert("用户名或密码错误");
            }
        }
    </script>
</body>

</html>

运行结果：

 

 

posted on 2022-07-12 19:32  小仙女吖～  阅读(18)  评论(0)  编辑  收藏  举报