![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js题
三生梅雨渡潇潇
我有很多面,但我不善变
展开
-
改变函数的上下文
1.将函数挂载在对象上function getdata(fn,obj){ obj.fn = fn return obj.fn()}2.callfunction getdata(fn,obj){ return fn.call(obj)}3.applyfunction getdata(fn,obj){ return fn.apply(obj)}4.bindfunction getdata(fn,obj){ return fn.bind(obj)()}...原创 2021-07-15 16:54:45 · 737 阅读 · 0 评论 -
js 数组合并的方法
function concat(arr1, arr2) { return (arr1.concat(arr2)) } function concat(arr1, arr2) { return [...arr1, ...arr2] } function concat(arr1, arr2) { return (arr1 + ',' + arr2).split(',') }function concat(arr1, arr2) { return [arr1原创 2021-07-15 16:47:20 · 129 阅读 · 0 评论 -
前端改变this指向的方法
1.bindfunction bindThis(fun, args) { return fun.bind(args) } bindThis(function () { console.log(this); console.log(this.name); }, { name: 'kk' })()2.call function bindThis(fun, args) { return fun.call(args) } bindThis(f原创 2021-07-14 18:04:49 · 134 阅读 · 0 评论 -
j实现数组去重 ,按出现的次数排序
let arr = [5, 5, 1, 1, 2, 4, 3, 3, 3, 4, 4, 4] //去重 按出现的次数排序 //去重 let setArr = [...new Set(arr)] //组装成新数组 新数组中包含值和出现的次数 function getArr(setArr) { let newArr = [] for (let j = 0; j < setArr.length; j++) { let num = 0 for (原创 2021-07-14 17:16:58 · 506 阅读 · 0 评论 -
javascript实现二维数组斜线打印
思想:如下的一个二维数组,斜线打印时,对应的下标和下标的和为:00 //001 10 //102 11 20 //212 21 //322 //4 let arr = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ] let n = arr.length let m = arr[0].length let num = 0; function getnum(n原创 2021-07-14 16:37:28 · 616 阅读 · 0 评论 -
原生JS动态实现tab
html代码:<div id="root"></div>JS代码const tab = [{ id: 1, name: '苹果' }, { id: 2, name: '香蕉' }, { id: 3, name: '梨' }, ] let root = document.getElementById('root') function getdata(ta原创 2021-07-14 15:56:01 · 278 阅读 · 0 评论 -
js 实现下拉菜单 完整代码
一、js实现下拉菜单二、解题思路:三、代码:1.html<ul id="divBox"> <li class="myLi" onclick="openS(this,0)"> <span class="iconfont icon-maobi front"></span> <span class="font">Diseno原创 2020-08-22 13:52:08 · 5142 阅读 · 0 评论 -
js实现图片选项卡
一、题目:实现图片式的tabs选项卡,如下图效果二、解题思路1.这是一个简单的tabs选项卡的形式,可以根据tabs选项卡的方式来做,对于tabs选项卡,可看以下链接的文章内容:js实现tabs选项卡2.先将上面的图片通过定位重叠,再隐藏3.当点击某一个li,对于的图片出现,并且改变相关样式4.当点击下一个li,上一次的li样式恢复,上一次的图片隐藏5.初始状态,直接调用点击函数三、代码:1.html代码<!DOCTYPE html><html lang="en"&原创 2020-08-22 11:20:03 · 884 阅读 · 0 评论 -
javascript实现tabs选项卡
一、题目:用html、css、js实现一个简单的tabs选项卡,具体样式据图所示。二、 解题思路:1.首先要根据要求将html框架做出来2.用css给框架加上样式3.当点击选项的时候,该选项的背景,高度,顶部距离会发生改变,当点击下一个选项,上一个选项的样式恢复原样4.对于下面的内容,可以将所有的样式显示出来,通过定位将它们重叠在一起,之后将其隐藏5.当点击选项后,相应的内容显示,当点击下一个选项,对应内容显示,上一个内容隐藏三、代码显示:1.html代码<body>原创 2020-08-21 23:42:37 · 1669 阅读 · 0 评论 -
js判断水仙花数
一、题目:例:水仙花数 153=1 * 1 * 1+5 * 5 * 5+3 * 3 * 31.输入一个数,判断是不是水仙花数每位数字的立方和等于等于该数即水仙花数,如果是水仙花数,则输出“是”,否则输出“否2.找出100–999里面有多少个水仙花数,分别输出这些水仙花数?二、解题思想:1.水仙花数:一般来说水仙花数就是一个三位数中,百位的数字的三次方加上十位的数字的三次方,再加上个位数字的三次方,等于这个三位数。2.三位数中的水仙花数有:153、370、371、4073.此题的重点在于如何得原创 2020-08-13 23:19:01 · 4304 阅读 · 1 评论 -
js实现模拟自动饮料机
一、题目:自动饮料机要求:1.当输入0时,模拟自动饮料机停止运行2.自动饮料机运行过程中,当输入1-5时给出对应的饮料(1.可口可乐 2.雪碧 3.鲜橙多 4.冰红茶 5.矿泉水)3.输入其他值的时候给出非法操作提示,并提示重新输入二、解题思想:1.利用多分支解决问题,此题可以用switch或者if-else if-else的结构来做2.break:跳出整个循环三、代码实现:<!DOCTYPE html><html lang="en"><head>原创 2020-08-13 22:50:25 · 1600 阅读 · 2 评论 -
js实现运费的计算
一、题目:编写代码:运输公司对用户计算运费.路程越远每公里运费越低。每公里每吨货物的基本运费为10,货物重为w,距离为s,折扣为d,则总运费f的计算公式为:f=10ws*(1-d)s<250km 没有折扣250<=s<500 2%折扣500<=s<1000 5%折扣1000<=s<2000 8%折扣2000<=s<3000 10%折扣3000<=s 15%折扣二、解题思路:1.原创 2020-08-13 19:38:30 · 1728 阅读 · 0 评论 -
js实现判定2000-2500年中是闰年的年份
一、题目:判定2000-2500年中是闰年的年二、解题思路:1.输出闰年的条件是:(1).能被4整除,但同时不能被100整除的年份都是闰年(2).能被400整除的年份是闰年2.(1)和(2)应该以或( | | )连接3.判定的是一段年份,所以用循环来遍历三、代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>判断闰年<原创 2020-08-13 19:24:16 · 1321 阅读 · 0 评论 -
js实现输入a ,b,c 三个个位数(0-9)之间,组成一个最大的三位数
一、题目:输入a ,b,c 三个个位数(0-9)之间,组成一个最大的三位数二、解题思路:1.用多分支列出每一种可能性(也可以用嵌套的形式)2.用第三方变量对三个数字进行排序三、代码实现:1.用多分支列出每一种可能性:这里不考虑相等的情况var a = parseInt(prompt('请输入a'));var b = parseInt(prompt('请输入b'));var c = parseInt(prompt('请输入c'));if (a >= 0 && a &l原创 2020-08-13 19:10:48 · 1321 阅读 · 0 评论 -
js实现用户输入整数
一、题目:如果输入的是1~6 的整数,则程序输出:your number is in 1~6. c=(用户输入的数)如果输入的是其它数字,输出:Your number is too large. c=(用户输入的数)二、解题思路:1.一般题目中存在“如果”等字眼,都会有判断语句三、代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl原创 2020-08-13 18:40:45 · 2485 阅读 · 0 评论 -
js实现学生成绩的分段
一、题目:输入1个同学的成绩,60-70为D,70-80为C ,80-90为B,90-100为A 不及格-60为E 最后输出这个同学到底是哪个分段二、解题思路:1.多分支:if-else if-else2.并:& 或:||3.parseInt():转为数字类型三、代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2020-08-13 18:34:28 · 2562 阅读 · 0 评论 -
js用三元运算符实现简单的逻辑题
一、题目:用三元运算符实现1.小明和妈妈约定,期末考试如果语文数学成绩都是满分100,周末妈妈就带他去游乐园,否则就只有在家改错题。2.小明考了双百分,妈妈带他去游乐园玩了一天,随后妈妈和小明约定,如果明年还能拿到双百分且奥数能够获得华杯赛前90名就带他去迪士尼乐园,否则就只有后年再努力了。二、解题思路:1.三目运算符:2.if-else分支:...原创 2020-08-13 18:25:58 · 1004 阅读 · 0 评论 -
js 实现时分秒的转换
js 实现时分秒的转换一、题目:用代码实现:输入一个数字作为秒数,在页面按小时、分钟、秒的格式输出(如输入600,页面显示:0小时10分0秒)二、解题思路:1.首先要清楚时分秒之间的转换:1小时=60分=3600秒2.当我输入秒数时,我应该去判断这个秒数能够转换为多少小时,比如:当我输入的秒数是600秒,能转换为多少小时的计算就应该是:600/36003.当转换为小时之后,我要计算剩下的秒数,足够我转换为多少分钟,比如秒数为600秒,不足以转换为小时,剩下的还是600秒,但是这里的600是前面原创 2020-08-12 15:18:05 · 7760 阅读 · 0 评论 -
js 实现变量中存储数字,在页面输出结果,验证结果数据类型
js 实现变量中存储数字,在页面输出结果,验证结果数据类型一、题目:用JavaScript代码实现:二、解题思路:1.变量中存储数字,相当于将值赋给变量2.js中的取整函数:parseInt();强制转换为浮点型的函数:parseFloat()3.js页面输出方式控制台打印:console.log()弹框输出打印 alert()页面输出打印:document.write()4.a对b取余:a%b5.验证数据类型:typeof三、代码实现:四、结果:一、题目:用JavaScript代码实现:变量a中存储数原创 2020-08-12 13:53:07 · 655 阅读 · 0 评论