2022.07.12 第九组张嘉源学习笔记

2022-07-12 22:32:01 阅读：178 来源： 互联网

标签：12 张嘉源 --- while let 2022.07 shi div document

笔记

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

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

ICode9

2022.07.12 第九组 张嘉源 学习笔记

2022.07.12 第九组张嘉源学习笔记