js
关注
分享
扫一扫
jojoarare
这个作者很懒，什么都没留下…
展开
-
JavaScript This的指向——
This的指向——1.普通对象的this：谁调用我，我就指向谁12.构造函数的this：指向实例化对象3.监听器中的this：指向的是事件源 （绑定事件的节点）4.普通函数的this：指向的是window5.箭头函数中的this：取决于所处环境（声明的环境） 箭头函数没有argument和this.//普通对象的thislet obj = { name = `xxx`, age = 20, gender = `male`, say(){原创 2020-11-08 17:29:35 · 139 阅读 · 0 评论 -
事件的基本知识概念（三要素、事件对象、事件代理）
事件三要素1.事件源：绑定事件的节点2.事件处理函数：点事件触发时，执行的代码（函数体）3.事件类型：（单击、鼠标移入移出、鼠标移动）DOM0优点：兼容性好缺点：同一个类型只能绑定一个事件处理函数 事件流（冒泡型）不能改变let divEle = document.querySelector("div");divEle.onclick = function(){ window.alert(`123123123`);} //缺点，，无法在一个标签上添加多个事件，原创 2020-10-27 20:44:52 · 1840 阅读 · 0 评论 -
HTML+JavaScript实现鼠标按住拖拽标签功能（代码注释详解）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>拖拽功能</title></head><body> <div></d原创 2020-10-22 00:35:01 · 1320 阅读 · 0 评论 -
JavaScript DOM对于元素节点的操作（增删改查）以及元素节点的样式设置、属性添加
添加/替换元素内容书写格式 ：元素节点.innerText书写格式 ：元素节点.innerHTML//替换内容let divEle = document.querySelector("div"); divEle.innerText = "文本"; //无法识别标签 例如："<span>123</span>" 不会识别span 以字符串加入div divEle.innerHTML = "添加内容" //可以识别标签 可以识别到span//原创 2020-10-22 00:11:25 · 754 阅读 · 0 评论 -
前端 JavaScript 中 BOM 的一些内置对象的方法和属性、时间函数、超时函数
BOM—浏览器对象模型BOM：Browser Object model在我们打开一个页面时，就会创建一个window对象BOM中有一些自带对象的属性和方法window自带的属性和方法//window的属性window.screenX 浏览器距离屏幕左侧的距离window.screenY 浏览器距离屏幕顶部的距离window.innerHeight 获取视口的高window.innerWidth 获取视口的宽window.outerHeight 获取浏览器的高window.o原创 2020-09-21 23:30:11 · 141 阅读 · 0 评论 -
Java Script 数组、集合、内置对象的属性/方法 总汇
Java Script 数组、集合、内置对象的属性/方法 总汇数组—Arraylet arr = []; //字面量声明let arr = new Array(); //构造函数声明arr = [1, 2, 3, 4, 5, 6];数组的属性//arr.length 数组的长度console.log(arr.length); //6数组的方法//在数组后面（前面）添加东西，返回添加后的长度let i = arr.push(7,8,9); //在前面添加东西将push改成unshift原创 2020-09-20 23:27:22 · 276 阅读 · 0 评论 -
Java Script自动生成自定义范围的随机数字
java script 生成随机数生成0~1的随机数（包含0但不包含1）let num = Math.random();console.log(num);运行结果生成0-100的随机数：let num = 100*Math.random();console.log(num);运行结果：生成1-100的随机整数：let num = parseInt(100 * Math.random() + 1);console.log(num);运行结果：生成自定义范围内的随机整数：let原创 2020-09-12 16:00:41 · 903 阅读 · 0 评论 -
Java Script 数组的排序（选择排序法，冒泡排序法）
选择排序法选择排序法代码块//升序let arr = [1,3,5,2,0,14,7,9];for (let i=0; i < arr.length; i++){//遍历数组 for (let j = i+1; j < arr.length; j++){//遍历arr[i]后面的所有数 if (arr[i] > arr[j]){ [arr[i], arr[j]] = [arr[j], arr[i]]; }原创 2020-09-12 15:37:42 · 391 阅读 · 0 评论