jojoarare-CSDN博客

原创 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 118

原创事件的基本知识概念（三要素、事件对象、事件代理）

事件三要素1.事件源：绑定事件的节点2.事件处理函数：点事件触发时，执行的代码（函数体）3.事件类型：（单击、鼠标移入移出、鼠标移动）DOM0优点：兼容性好缺点：同一个类型只能绑定一个事件处理函数事件流（冒泡型）不能改变let divEle = document.querySelector("div");divEle.onclick = function(){ window.alert(`123123123`);} //缺点，，无法在一个标签上添加多个事件，

2020-10-27 20:44:52 1755

原创 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 1250

原创 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 737

原创前端 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 122

原创 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 257

原创 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 870

原创 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 367

原创 CSS3中 overflow:hidden；作用（创建BFC）

CSS overflow属性详解overflow定义：超出部分内容的显示方式。overflow有4个值，我们先来看看每个取值的基本作用和效果。 overflow:visible; 默认值，超出部分正常显示（正常超出显示）。 overflow:hidden; 超出部分隐藏（被修剪）不显示。 overflow:auto; 超出部分自动，如果横向或者纵向内容超出，不会在区域外显示，会出现横向或者纵向滚动条。 overflow:sc

2020-08-09 23:03:43 2172 2

原创 2小时入门html5 新手教程

HTML5入门篇HTML 全称：HyperText Markup Language 超文本标记语言。所以html严格来说不算是一种编程语言，只是一种标记语言。对初学者来说没有任何门槛要求。标题

2020-08-02 20:40:49 684

jojoarare的博客