cgb2107-day09 快来打我* 2021-09-11 02:06 357阅读 0赞 ### 文章目录 ### * * 一,JS的基础语法 * * \--1,测试 * 二,JS语句 * * \--1,概述 * 三,JS数组 * * \--1,测试 * 四,JS函数 * * \--1,测试 ## 一,JS的基础语法 ## ### –1,测试 ### <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试 js的基础语法</title> <!-- script在HTML网页中嵌入JS代码 --> <script> //2.JS的运算符 //typeof运算符获取数据的类型 var i = 10; console.log(typeof i);//number,控制台输出的日志,f12 i = 'hello'; console.log(typeof i); console.log(typeof i + 'abc'); //比两个数里的最大值 var e = 3; var f = 5; var g = e > f ? e: f ; alert(g); //比三个数里的最大值 var h = 8; // g = g > h ? g : h ; // g = e > f ? e大 : f大 ; g = e > f ? (e > h ? e : h) : (f > h ? f : h) ; alert(g); var c = 10 ; var d = '10' ; alert(c==d);//true alert(c===d);//false,比值和类型 alert(c!=d);//false alert(c!==d);//true var b = 10; alert(b+1);//11 alert(b-2);//8 alert(b*1.6);//16 alert(b/3);//3.333 alert(b%3);//1 //自增自减 //alert(b++);//10 //alert(++b);//11 // b = b++ ; // alert(b+"====");//10 //java面试题:以下两行代码有区别吗? // byte b = 1; // b = b * 2 ; // 错误,需要强转 // b *= 2 ; //正确,复合赋值运算符会自动类型转换 b = b * 2 ; b *= 2 ; // 1.JS的变量: 变量类型 变量名=变量值 var a = 5; //修改a的类型 a = 1.5; a = "hello js" ; a = 'hello js2' ; a = true ; alert(a); </script> </head> <body> </body> </html> ## 二,JS语句 ## ### –1,概述 ### <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试 JS的语句</title> <script> // 2. JS的循环结构:for while //练习:while 计算1个亿一天花一半,花多少天 var days = 0;//定义变量,记录天数 var money = 100000000 ;//定义变量,记录钱 while( money > 1 ){ money /= 2 ; //照着一半花 days++ ; //天数++ } console.log('1个亿总共花了'+days+'天'); //练习:for计算1~100里的奇数个数 var count = 0;//定义变量,记录个数 for(var i = 1 ; i<=100 ; i++){ if(i % 2 == 1){ //奇数 count++ ;//遇到奇数就加1 } } console.log('奇数个数是:'+count); //练习:for计算1~100里的偶数和 var sum = 0;//定义变量,记录和 for(var i=1 ; i<=100 ;i++){ if( i % 2 == 0 ){ //偶数 sum = sum + i ; } } console.log('偶数和是:'+sum); // 1. JS的分支结构: //switch...case //练习:根据变量的值,提示今天星期几 var week = 1 ; switch(week){ case 1 : console.log('今天星期1');break; case 2 : console.log('今天星期2');break; case 3 : console.log('今天星期3');break; case 4 : console.log('今天星期4');break; case 5 : console.log('今天星期5');break; case 6 : console.log('今天星期6');break; case 7 : console.log('今天星期7');break; } //if...else //练习: 80~100(包括80，也包括100) 优秀 // 60~80(包括60，但不包括80) 中等 // 0~60(包括0，但不包括60) 不及格 // 其他值 输入有误 var score = 78 ; if(score>=80 && score<=100){ console.log('优秀'); }else if(score>=60 && score<80){ console.log('中等'); }else if(score>=0 && score<60){ console.log('不及格'); }else{ console.log('输入有误'); } const m = 10 ;//const定义常量,必须被初始化,而且不能改值 // m = 1.1; console.log(m); var a = 10; if( a > 5 ){ console.log('ok'); }else{ console.log('no ok'); } </script> </head> <body> </body> </html> ## 三,JS数组 ## ### –1,测试 ### <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试 JS的数组</title> <script> // 1.创建js数组: 数据类型丰富,长度可变 //第二种方式: 推荐!! var b = [] ; console.log(b.length); b = [10,1.1,'jack',true,null] ; console.log(b.length); b[3]=99; console.log(b); //遍历数组:i表示下标,b.length是数组的长度 for(var i = 0 ; i < b.length ; i++ ){ console.log(b[i]);//根据下标获取数据 } //java里的foreach: for(Object o : b){ //js里的for..in for(var o in b){ console.log(b[o]);//o是下标,根据下标获取数据 } //第一种方式: var a = new Array(); console.log(a); console.log(a.length);//获取数组的长度 //修改长度并存入各种类型的数据 a = new Array(10,1.1,'jack',true,null); console.log(a); a[99]=100; console.log(a.length);//100 console.log(a); </script> </head> <body> </body> </html> ## 四,JS函数 ## ### –1,测试 ### ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY2dibHB4_size_20_color_FFFFFF_t_70_g_se_x_16] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试 JS的函数</title> <script> //定义JS的函数方式2: // 1.定义JS的函数 //语法:function 函数名(参数列表){函数体} function add(){ //需求:统计整数数组里的和 var a = [1,2,3,4,5]; var b = 0;//定义变量,记录和 for(var i in a){ //i是下标 //a[i]根据下标获取数据 b = b + a[i] ;//累计求和 } console.log('总和是:'+b); } //优化add(),动态接受用户调用时传入的参数//需求:统计整数数组里的和 function add2(a){ var b = 0;//定义变量,记录和 for(var i in a){ //i是下标 //a[i]根据下标获取数据 b = b + a[i] ;//累计求和 } console.log('总和是:'+b); } //优化add2(),给调用者返回结果 function add3(a){ var b = 0;//定义变量,记录和 for(var i in a){ //i是下标 //a[i]根据下标获取数据 b = b + a[i] ;//累计求和 } return b ;//return把结果返回给调用者 } // 2.调用函数 //语法:函数名(参数列表); add(); var arr = [1,2,3]; add2(arr);//需求:统计整数数组里的和 //调用了一个有返回值的函数 var sum = add3(arr); console.log(sum*5); </script> </head> <body> </body> </html> [watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY2dibHB4_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20210911/7d7346bac1434b57a8894fa600366c2c.png
相关 cgb2107-day08 文章目录 一,模拟 服务器解析浏览器发来的数据 二,CSS选择器 \--1,概述 \--2,简单选择器 旧城等待，/ 2021年09月11日 03:36/ 0 赞/ 267 阅读
相关 cgb2107-day06 文章目录 一,作业 \--1，需求: 模拟用户登录现象 \--2，测试 \--3,标准的释放资 淡淡的烟草味﹌/ 2021年09月11日 03:34/ 0 赞/ 271 阅读
小鱼儿
我就是我
我不是女神ヾ
╰+攻爆jí腚メ
傷城~
朱雀
还没有评论，来说两句吧...