发表于： 2019-08-20 23:41:46
1 376
今日完成的事
今天学习了JS的四大流程控制语句，JS获取DOM元素的8种方法，写了任务一。JS获取DOM元素的方法1.通过ID获取（getElementById）2.通过name属性（getElementsByName）3.通过标签名（getElementsByTagName）4.通过类名（getElementsByClassName）5.通过选择器获取一个元素（querySelector）6.通过选择器获取一组元素（querySelectorAll）7.获取html的方法（document.documentElement）document.documentElement是专门获取html这个标签的8.获取body的方法（document.body）document.body是专门获取body这个标签的。这8个方法我除了知道名字其他原理区别啥也不知道，百度上都不说人话一句我也看不懂，等明天问问师兄。4大控制流程第一个if语句，if语句分为3种第一种是条件判断语句条件成立才执行。如果条件不成立，那就什么都不做。
if（条件表达式）｛条件为真｝第二种为条件分支语句条件为真时一个结果，条件为假时一个结果if (条件表达式) { 条件为真时} else { 条件为假时}
第三种为多分支的if语句，跟第二种差不多。if (条件表达式1) { 条件1为真时} else if (条件表达式2) { // 条件1不满足，条件2满足时} else if (条件表达式3) { 条件1、2不满足，条件3满足时 } else { // 条件1、2、3都不满足时}。if语句可以嵌套，也就是说if语句里面可以在套一个if语句或者其他语句，比如if(){条件为真时if(){条件为真时}else{条件为假时}}else if(){条件为假时if（）{调件为真时}else{调件为假时}}。第二个语句switch语句switch(表达式) { case 值1： 语句体1; break; case 值2： 语句体2; break; ... ... default： 语句体 n+1; break; }，switch语句执行的流程是
首先，计算出表达式的值，和case依次比较，一旦有对应的值，就会执行相应的语句，在执行的过程中，遇到break就会结束。然后，如果所有的case都和表达式的值不匹配，就会执行default语句体部分。switch语句遇到break就结束，而不是遇到default就结束，break的作用就是结束switch语句的。for循环语句，语法：for(①初始化表达式; ②条件表达式; ④更新表达式){
③语句...
}，执行流程：①执行初始化表达式，初始化变量，初始化表达式只会执行一次， ②执行条件表达式，判断是否执行循环：
如果为true，则执行循环③
如果为false，终止循环
④执行更新表达式，更新表达式执行完毕继续重复②。while循环语句，语法：while(条件表达式){
语句...}，执行流程：while语句在执行时，先对条件表达式进行求值判断：
如果值为true，则执行循环体：
循环体执行完毕以后，继续对表达式进行判断
如果为true，则继续执行循环体，以此类推
如果值为false，则终止循环。如果有必要的话，我们可以使用 break 来终止循环。do...while循环，语法：do{
语句...
}while(条件表达式)，执行流程：do...while语句在执行时，会先执行循环体：
循环体执行完毕以后，在对while后的条件表达式进行判断：
如果结果为true，则继续执行循环体，执行完毕继续判断以此类推
如果结果为false，则终止循环。他俩的区别就是while是先判断后执行，而do...while是先执行后判断。也就是说，do...while可以保证循环体至少执行一次，而while不能。之后我研究了一下午的任务1首先要解决的难题是如何随机选取3个格子，看了官网的坑呼和师兄的代码好像用的是用的Math.random()函数和 Math.floor（）函数，查了这两个函数，Math.random()函数是返回介于 0 ~ 1 之间的一个随机数（不包括1），比如
而Math.floor（）函数是向下取整运算返回的是小于或等于函数参数，并且与之最接近的整数。
明天计划的事
完成任务一
遇到的困难
Math.floor（）函数与Math.random()函数明明是取数值的函数，为什么能控制选择方块盒子。
收获
初步理解了循环语句和判断语句。
返回列表
评论