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

2022.07.12 第九组张嘉源学习笔记

2022-07-12 22:32:01 作者：互联网

笔记

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

2022.07.12 第九组 张嘉源 学习笔记

2022.07.12 第九组张嘉源学习笔记