随笔分类 - JavaScript
摘要:var cards = document.querySelectorAll(".card"); for (let index = 0; index < cards.length; index++) { const card = cards[index]; card.addEventListener(
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:效果图: 代码 : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
阅读全文
摘要:1,Object.prototype.toString这个方法的作用是什么 判断数据类型 2,为什么要用这个方法 是因为 js 中 一般的类型判断 对于 null,数组,对象 , 都会返回一样的结果 [Object,Object] 。 使用这个方法,可以精确判断数据的类型 。 对象会返回 [Obje
阅读全文
摘要:arr.sort( function(a,b){ return a-b; } ) 千万不要理解成 a 减 b 其实它代表的是26个字母中的 a 和 b b 比 a 大,所以 a - b 就是升序,写成 b - a 就是降序 补充: 也可以跟距字母 a b 中的属性来排序 arr.sort( func
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title></tit
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title>
阅读全文
摘要:scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于
阅读全文
摘要:一,首先介绍下 js Array对象 中的 splice 方法 。 ( splice在英文中是剪接的意思 ) 1,定义和用法 splice() 方法用于插入、删除或替换数组的元素。 注意:这种方法会改变原始数组!。 2,语法 array.splice(index,howmany,item1,....
阅读全文
摘要:1. 双引号转换为单引号 JSON.stringify(data).replace(/\"/g,"'"); 2. 单引号转换为双引号 data.replace(/'/g, '"'); 原文出处 : https://blog.csdn.net/weixin_33845881/article/detai
阅读全文
摘要:Promise.all([p1, p2]).then( (res) => { let [p1, p2] = res; console.log(p1, p2); }, (err) => { console.log(err); } );
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>无限分类<
阅读全文
摘要:一 , js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var f
阅读全文
摘要:/** 获取文件后缀 * * indexOf 和 lastIndexOf 都是索引文件 indexOf 是查某个指定的字符串在字符串首次出现的位置(索引值) (也就是从前往后查) lastIndexOf 是从右向左查某个指定的字符串在字符串中最后一次出现的位置(也就是从后往前查) */ functi
阅读全文
摘要:获取单个值可以使用formData对象.get();而直接打印是看不到的。因为外界访问不到,你使用append方法后,对应的键值对就已经添加到表单里面了,你在控制台看到的是FormData原型,存储的数据没有以对象属性的方式体现。想获取可以尝试以下两种方法 //第一种 for (var value
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>图片上传展
阅读全文
摘要:$(function () { (function() { //dom加载前执行的方法 })(jQuery); })实战: 1,情景 : index.html 判断 用户是否登录,如果登录则显示主页,未登录则弹出或者跳转到登录页面(主页内容隐藏) 。2,思路 : 由于以上这个方法不会阻碍dom渲染
阅读全文
摘要:使用 jQuery可以有效的兼容IE 浏览器 , 但jQuery从2.0开始不兼容IE8,最低支持IE9,所以需要引入更低的jQuery版本来兼容 <script type="text/javascript" src="<%=path%>/js/jquery-3.1.1.min.js"></scri
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要:function test(e){ var event = e || windows.event // IE : windows.event ,非IE : e }
阅读全文