2022.07.12 第九小组高小涵学习笔记

JS:

1.for循环：

1.let i = 0;初始化条件，当i=0时，循环开始

2. i < 10;判断条件，会和初始化条件配合循环的执行，决定了循环什么时候停止

3. 循环体：循环在重复做什么事情

4. i++循环条件，每次循环体循环完毕让i产生变化

i可以看做是一个局部变量
循环条件是可以根据实际情况更改的
当修改循环条件时，要确保循环可以向着终点前进去改变
在我们开发中，尽量避免死循环

有需要写死循环时，如下：

·数组有一个属性：length-长度

长度：数组中有多少个元素，注意区分长度和下标（索引）

例1：

用函数写：

例2：

判断一个数在数组中是否存在，如果存在，返回它的下标，如果不存在，返回-1

在JS代码里不要出现重复定义的变量，如果两个变量的作用域出现了重叠不要出现重名的情况，尤其是全局和局部，变量最好不要重名

2.while循环:

let a = 10 ：初始化条件
a < 100：循环判断条件
打印输出，循环体
a++：循环条件

·while循环的执行流程

初始化条件
判断条件
执行循环体
自增

for循环和while循环比较：

while循环 & for循环

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

例3：今年是2022年，今天我们公司有10人，每年公司会以10%的比重招人（每年涨10%），问哪一年公司人数突破100人，人数是多少。

3.do while循环

let a ：初始化条件
do：做什么事
打印输出循环体
a > 100：判断条件
a++：循环条件

·do...while和while的区别

do...while是先执行一次，再判断；while是如果条件不成立，一次都不走

do...while无论条件是否成立，循环都至少执行一次

·死循环

·for( ; ; ){ } ·while(true){ } ·do{ }while(true);

·通常情况下，循坏都会搭配if...else使用

JS的内置函数

·Array：

concat( ) 连接
join( ) 设置分隔符连接数组为一个字符串
pop( ) 删除最后一个元素

4.sort( ) 排序，从小到大排序

·Global：

isNaN( ):判断一个值是不是数字
parseFloat( ):把一个整数转换成小数
parseInt( ) :把一个小数转成整数，取整
number( ):把一个值转成number类型

5.string( ):把其他类型转成字符串

·String：

cherAt( ):取出指定位置的字符

2.indexOf( ):判断指定的字符是否存在，如果存在，返回下标，如果不存在，返回-1

3.lastindexOf( ):从后往前找

4.replace( a,b):替换字符串（把所有的a替换成b）

5.split(‘-’ ):根据括号里的（-）去拆分字符串，得到一个数组

6.substring(1,6 ):字符串的截取（从下标为1的位置截取到下标为6的位置）

·Math：

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( ):返回时间中的分 0-60

5.getSecond( ):返回时间中的秒

6.getTime( ):获取系统当前时间

7.getYear( ):获取年

元素节点

·innerText能修改也能获取

（1）修改

（2）获取

·innerHTML

往文本框里加东西

传统方法

1.根据id去抓取HTML元素

2.根据class抓取HTML元素，得到的是一堆元素

3.根据标签（tag）抓取HTML元素，得到的是一堆元素

新方法

根据选择器去抓取一个元素

2.根据选择器去抓取全部元素

InnerText和innerHTML弊端：会覆盖。

<select id="sheng" onchange="setShi()"><option value="xz">---请选择省---</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(){/*思路：1.抓取省的下拉菜单，知道你选择了哪个省2.判断选择了哪个省3.构建市的下拉菜单选项4.抓取市的下拉菜单区的注意事项：1.初始状态区没有选项的2.选择了省，区没有选项3.选择了省，选择了市，选择了区，切换了一下省*/let sheng = document.querySelector("#sheng").value;// 要保留市原有的内容let shi = document.querySelector("#shi");//    console.log(shi);if(sheng == 'jl'){// 追加shi.innerHTML = '<option value = "xzs">---请选择市---</option><option value="cc">长春市</option><option value="sp">四平市</option>';// 把拼接好的下拉菜单选项通过innerHTML放回到下拉菜单}if(sheng == 'ln'){// 追加shi.innerHTML = '<option value = "xzs">---请选择市---</option><option value="sy">沈阳市</option><option value="dl">大连市</option>';// 把拼接好的下拉菜单选项通过innerHTML放回到下拉菜单}if(sheng =="xz"){shi.innerHTML = '<option value = "xzs">---请选择市---</option>';qu.innerHTML = '<option value = "xzq">---请选择区---</option>';}}function setqu(){let shi = document.querySelector("#shi").value;let qu = document.querySelector("#qu");if(shi=="cc"){qu.innerHTML = '<option>---请选择区---</option><option value="cy">朝阳区</option><option value="gx">高新区</option>';}if(shi=="sp"){qu.innerHTML = '<option>---请选择区---</option><option value="td">铁东区</option><option value="tx">铁西区</option>';}if(shi=="sy"){qu.innerHTML = '<option>---请选择区---</option><option value="hp">和平区</option><option value="dd">大东区</option>';}if(shi=="dl"){qu.innerHTML = '<option>---请选择区---</option><option value="hd">海淀区</option><option value="hd">河东区</option>';}if(shi=='xzs'){qu.innerHTML = '<option value="xzq ">---请选择区---</option>';}}

2022.07.12 第九小组高小涵学习笔记相关推荐

2022.07.10 第九小组高小涵学习笔记
CSS CSS---层叠样式表,相当于整个网页的美化 1.插入样式表的方法有三种: 外部样式表(推荐):link引入外部样式内部样式表: <style> 标签在文档头部定义内部样式表内 ...
《C++Primer》第九章-顺序容器-学习笔记(1)-顺序容器定义与操作
<C++Primer>第九章-顺序容器-学习笔记(1) 文章目录 <C++Primer>第九章-顺序容器-学习笔记(1) 摘要顺序容器的定义容器元素的初始化将一个容器初始 ...
（实验12）单片机，STM32F4学习笔记，代码讲解【OLED显示实验】【正点原子】【原创】
文章目录其它文章链接,独家吐血整理实验现象主程序 OLED初始化程序代码讲解其它文章链接,独家吐血整理 (实验3)单片机,STM32F4学习笔记,代码讲解[按键输入实验][正点原子][原创] ...
专升本高数——第九章无穷级数【学习笔记】
参考相关公式请进入:专升本高数--常用公式总结大全[补充扩展] https://blog.csdn.net/liu17234050/article/details/104439092 全部知识点请进入 ...
2022 07 17 第九组韩文清职业人生规划
职业规划首先找到实习工作,期望薪资在7000左右,在外地奋斗3年以后再回家,或者直接回家在家乡工作 1.如果在外地工作,希望有能力养活自己,并且在养活自己的路上活得越来越好,我自己多努力一些,父母以 ...
2022/07/12
今天时间安排基本没变就是本来该跑步了早上下雨没跑步就爬了楼梯, 今天学的iframe,换行,横线,target属性,行寄标签,块级标签图片显示,音频显示,视频显示,段落与标题,列表,然后做了对应 ...
第九章时序数据-学习笔记+练习题
第九章时序数据 # 导入需要的模块 import numpy as np import pandas as pd import matplotlib.pyplot as plt %matplotli ...
黑马程序员Java零基础视频教程(2022最新Java）B站视频学习笔记-Day10-字符串
1.API和API帮助文档 API:应用程序接口. 简单理解:API就是别人已经写好的东西,我们不需要自己编写,直接使用即可. JavaAPI:指的就是JDK中提供的各种功能的Java类.这些类将底层 ...
【DirectX 12 GJ的龙书学习笔记一】前言与配置环境
终于开始DirectX 12的学习了! 首先简单介绍下Direct3D 12: Direct3D 12是一个用于在各种Windows 10平台(Windows,移动设备和Xbox One)上使用现代图 ...

2022.07.12 第九小组高小涵学习笔记

2022.07.12 第九小组高小涵学习笔记相关推荐

最新文章

热门文章

2022.07.12 第九小组 高小涵 学习笔记

2022.07.12 第九小组 高小涵 学习笔记相关推荐

最新文章

热门文章

2022.07.12 第九小组高小涵学习笔记

2022.07.12 第九小组高小涵学习笔记相关推荐