学习心情：开心学习
目录
JavaScript课堂随记
1、函数命名方式：小驼峰式
function getDays(){
}2、循环
1.1、for
/*
1.let i=0;初始化条件，当i=0时，循环开始
2.i<10 ;判断条件.会和初始化条件配合循环的执行，决定循环什么时候停止
3.循环体：循环在重复做什么事情
4.i++:循环条件，每次循环体执行完毕让i产生变化
面试题： for循环的执行步骤
a.i可以看做是一个局部变量
b.循环条件是可以根据实际情况更改的
c.当修改循环条件时，要确保循环可以向着终点前进
d.我们在开发中尽量避免死循环 for(;;){}
*/
for(let i = 0;i < 10;i++){
}练习1
let arr1=[2,3,6,10,5,100,11];
// 练习，找出数组中的最大值
let max=arr1[0];
for(let i=0;i<arr1.length;i++){
if(arr1[i]<arr1[i+1]){
max=arr1[i+1]
}
}
console.log(max);
//判断一个数是否在数组存在，如果存在返回下标，不存在返回-1
function num(num,arr){
for(let i=0 ;i<arr.length;i++){
if(num===arr[i]){
return i;
}
}
return -1;
}
1.2、for in :
能做的事很少，只能做遍历操作
可以理解为啊arr1数组的下标通过映射给a
for(let a in arr1){
console.log(arr1[a]);
}1.3、while do..while
1.初始化条件
2.判断条件
3.执行循环体
4.自增
let a=10;
while(a<100){
a++;
}练习2
// 今年公司有十人，每年张百分之十，哪年突破一百人
function years(year){
let people =10;
while(people<100){
people+=people*0.1;
year++;
}
return year
} /*
do..while循环
let a 初始化条件
do做什么事
log循环体
a>100 判断条件
a++循环条件
do... while和while的区别：
do...while先执行一次，再判断。无论条件是否成立，至少执行一次
while:如果条件不成立,一次都不走
*/
let a=10;
do{
a++;
}while(a>100);3、js的内置函数
Array:
1.concat()连接
2.join()设置分隔符连接数组为一个字符串
3.pop()删除数组的最后一个元数
4.sort()排序，从小到大排序
Global:
isNaN:判断一个值是不是数字
parseFloat():把一个整数转换为小数
parseInt():把一个小数转换为整数
number:把一个值转换为整数类型
String:
chatAt():取出指定位置的字符
indexOf():判断指定的字符是否存在，如果存在返回下标
lastIndexOf('a'): 从后往前找
replace('a','b'):替换成字符串
split('-'):根据-拆分一个字符得到一个数组
substring(1,6) 字符串的截取
Math:
ceil()向上取整
floor()向下取整
round()四舍五入
random（）随机，生成0~1的随机数
Date:
new Date();获取系统当前时间
getDate():返回日期的日
getHours():返回时间中的时
getMinutes(): 返回时间中的分
getSeconds():返回时间的秒
getTime():获取系统当前时间 //事件就是当我们和HTML标签元素发生交互时产生的行为
/*
onclick: 单击事件
ondblcilck:双击事件
onblur 失去焦点
onfocus 获得焦点
onchange:改变事件
onload:加载
*/<script>
//document.getElementById(); 抓取id
// document.getElementsByClassName(); 抓取class
// document.getElementsByTagName(); 抓取 标签
let div=document.querySelector('#div1'); //id选择器
console.log(div);
let div2=document.querySelectorAll('div'); //标签、类选择器
console.log(div.innerText); //获取元素内文字
console.log(div.innerHTML); //获取元素内所有内容
console.log(div2);
//div.innerHTML="加粗"
let input=document.querySelector('input')
console.log(int)
// input.value="放文本框";
// div.innerText=("小日本");
// </script>练习3
省市区三级联动
<!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 name="sheng" id="sheng" onchange="province()">
<option value="pro">-请选择省-</option>
<option value="ji">吉林省</option>
<option value="liao">辽宁省</option>
</select>
<select name="shi" id="shi" onchange="urban()">
<option value="">-请选择市-</option>
</select>
<select name="qu" id="qu" onchange="area()">
<option value="area">-请选择区-</option>
</select>
<script>
function province() {
let sheng = document.querySelector("#sheng").value;
let shi = document.querySelector("#shi");
let html = shi.innerHTML;
if (sheng === "ji") {
html = "";
html += '<option value="city">-请选择市-</option><option value="cc">长春市</option><option value="sp">四平市</option>';
shi.innerHTML = html;
qu.innerHTML = '<option value="city">-请选择区-</option>';
} if (sheng === "liao") {
html = "";
html += '<option value="city">-请选择市-</option><option value="sy">沈阳市</option><option value="dl">大连市</option>';
shi.innerHTML = html;
qu.innerHTML = '<option value="city">-请选择区-</option>';
} if (sheng === "pro") {
html = '<option value="">-请选择市-</option>';
shi.innerHTML = html;
let area = '<option value="">-请选择区-</option>';
qu.innerHTML = area;
}
}
function urban() {
let shi = document.querySelector("#shi").value;
let qu = document.querySelector("#qu");
let html1 = qu.innerHTML;
if (shi === "cc") {
html1 = "";
html1 += '<option value="">-请选择区-</option><option value="cy">朝阳区</option><option value="ed">二道区</option>';
qu.innerHTML = html1;
}
if (shi === "sp") {
html1 = "";
html1 += '<option value="">-请选择区-</option><option value="cy">四平小镇</option><option value="ed">四平区</option>';
qu.innerHTML = html1;
} if (shi === "sy") {
html1 = "";
html1 += '<option value="">-请选择区-</option><option value="cy">沈阳小镇</option><option value="ed">沈阳区</option>';
qu.innerHTML = html1;
} if (shi === "dl") {
html1 = "";
html1 += '<option value="">-请选择区-</option><option value="cy">大连小镇</option><option value="ed">大连区</option>';
qu.innerHTML = html1;
}
if (shi === "city") {
html1 = '<option value="">-请选择区-</option>';
qu.innerHTML = html1;
}
}
</script>
</body>
</html>总结：
知识讲解到位，学习和吸收都很顺利，做练习题的时候思路有些混乱，能快速找会心态，并解决现有问题
扫一扫
397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
