javascript
js常用案例
耶啵奶膘
做一个快乐的小孩
展开
-
uniapp——银行卡号脱敏
uniapp——银行卡号脱敏原创 2024-07-09 16:21:35 · 414 阅读 · 0 评论 -
js获取年月、日期、年月日
js获取年月、日期、年月日原创 2024-03-06 14:50:48 · 1183 阅读 · 0 评论 -
uni、js——点击与禁用(不可点击)、动态样式class
uni、js——点击与禁用(不可点击)、动态样式class原创 2023-08-26 11:44:17 · 2554 阅读 · 0 评论 -
js——网址动态拼接参数
js——网址动态拼接参数原创 2023-08-25 10:05:39 · 1201 阅读 · 0 评论 -
uni——遍历循环替换值
uni——遍历循环替换值。原创 2023-08-18 16:31:46 · 275 阅读 · 0 评论 -
js——修改对象里面的属性名
js——修改对象里面的属性名原创 2023-08-16 10:42:35 · 749 阅读 · 0 评论 -
js——判断是否是链接格式
js——判断是否是链接格式原创 2023-05-16 17:42:11 · 2630 阅读 · 2 评论 -
js——if判断(只为空字符串时进行操作,使用全等)
js——if判断(只为空字符串时进行操作,使用全等)原创 2023-04-23 10:38:03 · 394 阅读 · 0 评论 -
javascript——元素的增删(类似表格的行添加)
javascript——元素的增删(类似表格的行添加)原创 2023-03-10 10:05:33 · 136 阅读 · 0 评论 -
一维数组、二维数组
一维数组、二维数组原创 2023-02-10 11:46:04 · 206 阅读 · 1 评论 -
js——截取url地址获取参数
js——截取url地址获取参数原创 2023-01-14 15:57:02 · 586 阅读 · 0 评论 -
uniapp、uView——复选框的使用(使用星期为例)、三目运算、push、forEach遍历方法
uniapp、uView——复选框的使用(使用星期为例)、三目运算、push、forEach遍历方法原创 2022-10-11 10:45:59 · 3450 阅读 · 0 评论 -
javascript43——正则验证(手机号验证)
javascript43——正则验证(手机号验证)原创 2022-10-09 17:29:29 · 936 阅读 · 0 评论 -
javascript理解篇42——原型对象prototype、对象原型__proto__、原型链
javascript理解篇42——原型对象prototype、对象原型__proto__、原型链原创 2022-09-17 09:21:12 · 108 阅读 · 0 评论 -
||或、&&与 用法
||或、&&与 用法原创 2022-09-12 15:36:46 · 190 阅读 · 0 评论 -
javascript案例41——创建对象的三种方式
js中创建对象的三种方式原创 2022-08-24 16:10:15 · 198 阅读 · 0 评论 -
javascript案例40——tab导航栏(切换、添加、删除、修改)综合案例(es6面向对象、类的使用)
es6面向对象、类的使用 tab导航栏(切换、添加、删除、修改)综合案例原创 2022-08-22 13:19:00 · 1917 阅读 · 3 评论 -
javascript39——blur()移除焦点,失焦
blur()方法原创 2022-08-22 12:47:08 · 3018 阅读 · 0 评论 -
javascript案例38——键盘事件、键盘事件对象
js 键盘对事件键盘事件对象原创 2022-08-22 12:36:56 · 368 阅读 · 0 评论 -
javascript案例37——input内容选中状态
js中input内容选中状态原创 2022-08-22 11:53:05 · 2462 阅读 · 0 评论 -
javascript案例36——点击调用函数
js 通过点击来调用函数原创 2022-08-22 11:28:09 · 853 阅读 · 0 评论 -
javascript案例35——&&
javascript中&&的使用原创 2022-08-22 10:58:52 · 179 阅读 · 0 评论 -
javascript案例34——双击禁止选中文字
双击禁止选中文字原创 2022-07-11 17:07:00 · 2169 阅读 · 0 评论 -
javascript案例33——页面跳转,页面定时跳转
页面定时跳转原创 2022-06-11 14:34:58 · 355 阅读 · 0 评论 -
javascript案例32——中文简繁体转换
实现中文的简繁体转换原创 2022-05-17 22:05:37 · 1125 阅读 · 0 评论 -
javascript案例31——简易ATM机、简易银行、存钱取钱。
一、案例描述模拟简易的ATM机,模拟银行取钱存钱。题目描述有四个功能:存钱取钱显示余额退出注意:默认里面本身有100块钱。如果存钱,就用输入的钱数加上先前的钱,然后弹出余额。如果取钱,就减去取的钱,然后显示余额。如果选择显示余额,就显示当前余额。如果选择退出,就退出整个循环。 其中:若输入的不是数值,会提示非法输入;如果取得的钱超出了里面的额度,就会提示余额不足。二、案例效果演示三、案例局部代码js代码:var money = 100;do { var原创 2022-05-15 19:11:04 · 1468 阅读 · 0 评论 -
javascript案例30——continue、break
一、案例描述continue:跳出本次循环,继续下一次循环。break:结束整个循环提供几个案例以供理解。二、案例案例1吃4个包子,第3个有虫子,就扔掉第3个,继续吃第4个包子。( 采用for、continue) for (var i = 1; i <= 4; i++) { if (i == 3) { console.log('这个包子有虫子,扔掉'); continue; // 跳出本次循环,跳出的是第3次循环 }原创 2022-05-15 19:10:47 · 354 阅读 · 0 评论 -
javascript案例29——求1~100累加和,跳过个位数为3的数。
一、案例描述求整数1~ 100 的累加值, 但要求跳过所有个位为3的数。二、案例效果演示三、案例局部代码js代码方法1:var sum = 0;for (var i = 0; i <= 100; i++) { if (i % 10 != 3) { sum += i; } } console.log(sum);js代码方法2:var sum = 0;for (var i = 0; i <= 100; i++) { if (i原创 2022-05-15 19:10:29 · 2803 阅读 · 0 评论 -
javascript案例28——九九乘法表(for循环)
一、案例描述在页面打印九九乘法表在控制台打印九九乘法表二、案例效果演示1.页面显示2.控制台显示三、案例局部代码js代码方法1: var num = 0; for (var i = 1; i < 10; i++) { for (var j = 1; j < 10; j++) { num = i * j; //如果乘积是一位数,则前面添加两个空格保持队列 if (num / 10 < 1) {原创 2022-05-15 19:10:01 · 819 阅读 · 0 评论 -
javascript案例27——打印星星、正三角星星、倒三角星星等
一、案例描述1打印矩形, 要求每次只能输出一个☆( 采用for)。☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆案例效果演示1js代码1 var str = ''; // 外层控制行数 for (var i = 1; i <= 4; i++) { // 内层控制每行打印的个数 for (var j = 0; j < 5; j++) { str += '☆'; } str += '\n';原创 2022-05-14 13:57:52 · 2930 阅读 · 0 评论 -
javascript案例26——求100以内所有7倍数之和
一、案例描述求100以内7的倍数的总和二、案例效果演示三、案例局部代码js代码: var sum = 0; for (var i = 0; i <= 100; i++) { if (i % 7 == 0) { sum += i; } } console.log(sum);四、总结其余求倍数之和同理...原创 2022-05-14 13:40:20 · 2019 阅读 · 0 评论 -
javascript案例25——求1~100之间偶数和
一、案例描述求1 - 100 之间所有偶数的和二、案例效果演示三、案例局部代码js代码方法1: var i = 0,sumeven = 0; while (i <= 100) { if (i % 2 == 0) { sumeven += i } i++; } console.log(sumeven);js代码方法2:var sumeven = 0;for (var i = 0; i <= 100; i++) {原创 2022-05-14 13:37:37 · 4891 阅读 · 0 评论 -
javascript案例24——班级成绩求和、求平均值
一、案例描述要求用户输入班级人数,之后依次输入每个学生的成绩,最后打印出该班级总的成绩以及平均成绩。(采用for)二、案例效果演示三、案例局部代码js代码:// 获取班级总人数var num = prompt("请输入班级总人数") // 求和的变量var sum = 0;// 求平均值var ave = 0;// 用循环次数来控制弹框弹出的次数 循环一次弹出一次for (i = 1; i <= num; i++) { var he = prompt('请输入第原创 2022-05-14 11:45:14 · 2228 阅读 · 2 评论 -
javascript案例23——1加到100、求和
一、案例描述计算1~100 之间所有整数的和(采用while)二、案例效果演示三、案例局部代码js代码: var i = 0 , sum = 0; while (i <= 100) { sum += i; i++; } console.log(sum);四、总结参考:while:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/while自增:ht原创 2022-05-14 11:40:18 · 927 阅读 · 0 评论 -
javascript案例22——输出1~100,打印1~10岁,while语句
一、案例描述打印人的一生, 从1岁到10岁(采用while)二、案例效果演示三、案例局部代码js代码:1~10岁var year = 1;while (year <= 10) { console.log('我' + year + '岁了'); year++;}1~100岁var year = 1;while (year <= 100) { console.log('我' + year + '岁了'); year++;}四、总结参考原创 2022-05-14 10:48:40 · 1662 阅读 · 0 评论 -
javascript案例21——判断用户名和密码是否匹配(while)
一、案例描述接收用户输入的用户名和密码,若用户名为“admin”, 密码为“123456”,则提示用户登录成功! 否则,让用户一直输入。(采用while)二、案例效果演示三、案例局部代码js代码: var user = prompt('请输入用户名'); var password = prompt('请输入密码'); while (user != 'admin' || password != '123456') { user = prompt('请输入用户名'); pas原创 2022-05-14 10:44:22 · 4582 阅读 · 0 评论 -
javascript案例20——switch语句的用法
一、案例描述用户在弹出框里面输入零食名称, 如果有就弹出该零食的价格, 如果没有该零食就弹出“ 没有此零食”。(采用switch)二、案例效果演示三、案例局部代码js代码:var snacks = prompt('请输入零食名称:');switch (snacks) { case '薯片': alert('薯片每包7.5元'); break; case '饼干': alert('饼干每包7元'); bre原创 2022-05-14 10:31:52 · 393 阅读 · 0 评论 -
javascript案例19——if判断范围并执行操作
一、案例描述提示用户输入85~105 的数字, 如果输入的不是数字提示“ 非法输入”;(采用if)● 如果输入的是数字, 且数字在此范围之内, 提示“ 在范围内, 请你吃糖”;● 如果不在范围之内, 提示“ 不在范围内还想吃糖, 没门!!!”二、案例效果演示三、案例局部代码js代码:var num = Number(prompt('请输入85~105的数字:'));if (isNaN(num)) { alert('非法输入');} else if (num >= 85 &原创 2022-05-14 10:28:05 · 1305 阅读 · 0 评论 -
javascript案例18——js加减乘除
一、案例描述提示用户输入两个数,对其进行加减乘数。二、案例效果演示三、案例局部代码js代码:<script> var date1, date2, sum, sub, cheng, chu, quYu; date1 = parseInt(prompt("请输入第一个值:")); console.log('第一个值:' + date1); date2 = parseInt(prompt("请输入第二个值:"));原创 2022-05-14 10:18:16 · 761 阅读 · 0 评论 -
javascript案例17——留言发布、简易发布留言案例
一、案例描述留言发布:最新发布的内容在最下方显示。二、案例效果演示三、案例局部代码css代码:<style> * { margin: 0; padding: 0; } #content { padding: 50px; } textarea { width: 300px; height: 200px; box-shadow: 0原创 2022-05-09 12:08:38 · 736 阅读 · 0 评论