Ĵavascript
牧逸
这个作者很懒,什么都没留下…
展开
-
js 递归树根据子节点获取所有父节点
js 递归树根据子节点获取所有父节点原创 2022-12-15 17:18:13 · 2742 阅读 · 2 评论 -
前端在旧版浏览器预览PDF文件
本文章说明了pdf.js在旧版浏览器中使用的方法和问题,使PDF文件在旧版浏览器中能正常预览。原创 2022-10-12 18:36:19 · 1454 阅读 · 0 评论 -
js将对象数据根据属性归类分成多个数组
场景:一个数组内含有多个对象,需要根据对象的属性将同一值的对象归为一个数组。js代码://数据归类方法funtion classify(arr, key) { let kind = []; //存放属性标识 let newArr = []; //返回的数据 arr.map((item) => { // 判断key是否存在,不存在则添加 if (!kind.includes(item[key])) { kind.push(item[key]); /原创 2021-01-14 22:25:20 · 4076 阅读 · 3 评论 -
js获取异步操作返回的数据(回调函数)
在项目中会遇到通过ajax、setTimeout等异步操作向后台获取数据,而js自身不会等待数据拿到后再进行下一步操作,所以会导致其他函数无法获取异步操作函数内的数据。例如:function back(x,y){ var ret; setTimeout(function(){ ret = x + y; },1000) return ret;};console.log(back(10,20)); //undefined或者:funct原创 2021-01-05 11:18:54 · 8723 阅读 · 0 评论 -
实现手机端页面自动横屏显示
如题,在做手机端页面时会遇到需要固定横屏显示的页面,很多人的做法是直接给一个横屏提醒,我也不例外。不过大佬给了我一个新的思路,让页面不管是横着拿着还是竖着拿着都是横屏显示。思路:监听页面的orientation,也即方向变化。当为竖屏时,页面的高度为原来的宽度,宽度为原来的高度,并通过rotate使页面旋转,可参考css代码。由于旋转需要在中心位置,所以需要绝对定位将页面往下和右偏移50%,再...原创 2020-04-26 16:23:18 · 6063 阅读 · 4 评论 -
JS实现将div生成高清图片并保存本地
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>htmltopic</title> <script type="text/javascript" src="js/jquery-3.3转载 2019-02-20 03:25:31 · 6347 阅读 · 0 评论 -
JS创建多行盒子
想做一个签到系统,所以必须按照教室布局生成盒子,所以做了一个输入几行几列就能动态生成盒子的demo。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>签到系统</title> &l原创 2019-02-04 02:09:23 · 1322 阅读 · 0 评论 -
JS动态移除div
在写这个函数时出现了很多问题,使用下面这种写法时发现只有第一次的移除是准确的,后面会移除第i-1个盒子。function remove(){ var yes = document.getElementsByClassName('yes'); var body = document.getElementById('body'); var num = body.children...原创 2019-01-23 15:18:45 · 8679 阅读 · 0 评论 -
JS:Cannot set property 'display' of undefined问题
先贴上js代码function judgeAll(){ var cancel = document.getElementById("cancel"); var judge = document.getElementsByClassName("judge"); cancel.onclick = function(){ if (judge.style.display==...原创 2019-01-22 22:36:16 · 13241 阅读 · 6 评论 -
为什么点击后console.log的对象是window
代码如下HTML:<input type="button" value="+" onclick="start()">JS:function start(){ console.log(this); //为什么输出window }如果不考虑bind、call、apply等特殊情况(毕竟这些场景比较容易),那么判断一个...转载 2019-01-26 20:10:58 · 514 阅读 · 3 评论 -
JS点击获取盒子的次序及文本
这个程序主要是由于盒子为动态生成的,所有class和id都一致,无法使用类型名指定,且盒子内有多个盒子,需要获取盒子内某个盒子的innerHTML,因此需要将无关联的两个盒子进行绑定。实现想法如下:先获取所有同个class名的盒子,得到被点击的盒子的次序,获得该次序下另一个盒子的innerHTML。代码如下:HTML:<body> <div clas...原创 2019-01-16 00:44:01 · 813 阅读 · 0 评论 -
JS实现点击按钮添加输入框并输出值
【代码】JS实现点击按钮添加输入框并输出值。原创 2018-12-29 21:34:53 · 20818 阅读 · 3 评论 -
JS如何获取其他函数的局部变量
要获取函数的局部变量,就要把嵌套的函数定义在变量的作用域链里,就是所谓的“闭包”。实例演示:function a(){ var check = true; function b(){ var check = false; alert(check); } return{check:check,func:b};}function test(){ var judge = ...原创 2018-12-20 15:05:21 · 4795 阅读 · 0 评论 -
JS判断多个下拉框值的大小
有10个下拉框,前5个下拉框和后5个下拉框分别是开始时间和结束时间的年、月、日、时、分,完成目标是结束时间一定要大于开始时间。算法:将下拉框的值赋予一个数组,用for循环判断值的大小,当开始时间的值大于或小于结束时间时,分别输出“judge=false”和“judge=true”,退出循环;当开始时间等于结束时间时,则继续循环判断下一个值,直至循环结束,然后输出“judge=false”。...原创 2018-12-09 13:04:54 · 469 阅读 · 0 评论