其他分享
首页 > 其他分享> > 2022.07.12 第九组 张嘉源 学习笔记

2022.07.12 第九组 张嘉源 学习笔记

作者:互联网

笔记

1.switch效率问题:case后面是字面量的时候(常量)case 1:这样写时效率是高的
2.函数名的命名规则:小驼峰式
3.switch里的break是可选的
4.函数function 命名(){
4let count(变量名)=0
返回值return count
}
5.打印:console.log(“文字”/"文字"+)

6.循环:
for循环:每个初始化条件都是隔离开的
每个循环条件都是隔离的
条件和体分离
a.初始化条件只走一次。先i=0,然后判断是否小于10,打印结果,再自增1
b.先判断i是否小于10,然后+1

7.while循环:初始化条件不好控制
循环条件不好控制
写函数的时候,返回值便于管理
while(条件表达式){
}
步骤:let a=10;:初始化条件
a<100:循环判断条件
打印输出循环体
a++循环条件
while循环的执行流程

8.do while循环
do{
log循环体
}while(a>100循环条件)
9.死循环:for(;;){}
while(true){}
do{}while(true)

10.do while和while的区别:
do while:先执行一次再判断;无论条件是否成立,最少先执行一次
while:如果条件不成立,一次都不走

11.Array:
concat()链接
join()设置分隔符链接数组为一个字符串
pop()删除最后一个元素
sort()排序,从小到大排序
Global
isNnN():判断一个值是不是数字
parseFloat():把一个整数转换成一个小数
parseInt():取整
number():把一个值转成number类型
string():把其他类型转成字符串
String
chartAt():取出指定位置的字符
indexOf():判断指定的字符是否存在,如果存在返回下标,不存在返回-1
lastindexOf("a"):从后往前找
replace():替换字符串
splt(“-”):根据-去拆分字符,得到一个数组
substring(1,6):字符串的截取,截取1到6的字符串
Math:
cell():向上取整
floor():向下取整
round():四舍五入
random():生成一个0-1随机数
生成5-11的随机数:取整或+1
三角函数:tan():
E:2.7 PI:3.14
new Date():获取当前系统日期时间
getDate():返回当前日期的日
getHours():返回当前时间的时
getMinutes():返回时间中的分
getSeconds():返回时间中的秒
getTime():获取系统当前时间

12.dom:文档对象模型,网页可以叫文档
let div=document.querySelector('选择器,带.带#,不带的是标签');
let div=document.querySelectorALL('divs所有的');console.log('divs[0]一定要带下标');

13.双引号里面还要引号是用单引号,不要出现双引号套双引号,单套双或双套单

14.事件就是当我们和HTML标签元素发生交互时产生的行为 ondblclick=""双击 onblur=""失去焦点 onfocus=""获取焦点 onchange=""改变 onl oad=""加载 当设置了对应事件之后,会执行目标函数,ondblclick="里面写函数" 15.   根据ID抓取html元素 let div1=document.getElementById("div1") console.log(div1);   根据class抓取html元素,得到的是一堆元素 let divs=document.getElementsByClassName('div1') console.log(div[0]);   根据标签抓取html元素,得到的是一堆元素 let divs=document.getElementsByTagName('div') console.log(div[0]); 新方法    根据选择器抓取一个元素 document.querySelector("div标签/.div1类/#div") console.log("div");    根据选择器抓取所有元素 let div=document.querySelectorALL('.div1');没有all就抓一个,有就抓取全部 console.log(divs[0]); document.querySelector("div"); console.log(div.innerHTML);HTML抓取页面上所有的内容,text抓取文字     改变元素的内容 let username=document.querySelector("#username") username.value="我是js来的"; 16.三级联动代码
<!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>
  <select id="sheng" onchange="setShi()">
    <option value="xz1">---请选择省---</option>
    <option value="jl">吉林省</option>
    <option value="ln">辽宁省</option>
  </select>
  <select id="shi" onchange="setQu()">
    <option >---请选择市---</option>
  </select>
  <select id="qu">
    <option>---请选择区---</option>
  </select>
  <script>
    function setShi() {
      let sheng = document.querySelector("#sheng").value;
      let shi = document.querySelector("#shi"); 
      let qu=document.querySelector("#qu")
      qu.innerHTML="<option>---请选择区---</option>"
      if (sheng == 'jl') {
        shi.innerHTML = '<option value="xz2">---请选择市---</option><option value="cc">长春市</option><option value="sp">四平市</option>';
        }
      if (sheng == 'ln') { 
        shi.innerHTML ='<option value="xz2">---请选择市---</option><option value="sy">沈阳市</option><option value="dl">大连市</option>' ;
      }
      if (sheng == 'xz1') {
        shi.innerHTML ='<option value="xz2">---请选择市---</option>' ;
      }
    }
    function setQu() {
      let sheng = document.querySelector("#sheng").value;
      let shi = document.querySelector("#shi").value;
      let qu = document.querySelector("#qu");
      if (shi == 'cc') {  
        qu.innerHTML = '<option>---请选择区---</option><option value="cc">宽城区</option><option value="cc">朝阳区</option>';  
      }
      if (shi == 'sp') {
        qu.innerHTML ='<option>---请选择区---</option><option value="sp">铁东区</option><option value="sp">铁西区</option>'; 
      }
      if (shi == 'sy') {
        qu.innerHTML = '<option>---请选择区---</option><option value="sy">沈阳区</option><option value="sy">北关区</option>';  
      }
      if (shi == 'dl') {
        qu.innerHTML = '<option>---请选择区---</option><option value="dl">中山区</option><option value="dl">金州区</option>'; 
      }
      if (shi == 'xz2') {
        qu.innerHTML = '<option>---请选择区---</option>'; 
      }
    }
  </script>
</body>
</html>

感悟:知识灌入脑子,晚上消化吸收,非常感谢学位和同桌的教学!

标签:12,张嘉源,---,while,let,2022.07,shi,div,document
来源: https://www.cnblogs.com/lzsykal/p/16472034.html