JavaScript
关注
分享
扫一扫
文章平均质量分 69
*初级小白*~
这个作者很懒，什么都没留下…
展开
-
Set方法
Set方法原创 2022-11-28 17:57:08 · 582 阅读 · 0 评论 -
作用域和this指向
一、变量作用域1.全局变量和局部变量：1.1全局变量：在全局作用域下声明的变量就是全局变量，可以在任意的作用域访问到 /* 全局变量： 如果一个变量，没有定义在任何的function中，那么它将在全部范围内都可以使用，这个变量就成为全局变量 */ var a=1; function fn(){ console.log(a); //1 } fn(); consol转载 2021-10-27 22:38:29 · 245 阅读 · 0 评论 -
正则表达式
正则表达式一、理解转义转义即转换意义，改变意义1、转义符号 \2、转义字符 \ 字符（把原有的字符转换意义） var str='你是一个很\'牛逼\'的人'; console.log(str); //你是一个很'牛逼'的人 var str='你是一个很\\牛逼\\的人'; console.log(str); //你是一个很\牛逼\的人有一些规定好的转义字符\n 换行\t 制表符\r 回车转载 2021-10-27 22:37:35 · 232 阅读 · 0 评论 -
数组的用法
数组一、数组的创建1.1、数组的概念数组是一个有序的数据集合，是一组数据的集合，数组里面可以放任意的数据类型1.2、数组字面量变量arr就是一个数组变量，里面存储的不是一个数字，而是一组数，可以使用下标，或者索引值index来访问数组中的某一个项，下标从0开始 var arr=[1,2,3,4]; console.log(arr[0]); //1 console.log(arr[1]); //2var arr=[1,'哈哈',true,undefined]转载 2021-10-27 22:36:47 · 1957 阅读 · 0 评论 -
事件及事件绑定
事件及事件绑定一、事件理解1.1、什么是事件事件是用户或浏览器自身执行的某个动作，诸如点击clickJavaScript制作交互效果，离不开事件，所谓事件，就是用户的某个行为，能够触发一个函数的执行1.2、绑定事件绑定 <div id="box">点我</div> <script> box.onclick=function(){ //console.log(111); } </sc转载 2021-10-27 22:35:26 · 1254 阅读 · 0 评论 -
Object对象
一、Object对象1.1、什么是对象对象是由一对或者多对属性（包含属性名和属性值）组成的集合，属性名也叫键名，属性值也叫键值，所以对象的属性也可以称为键值对，对象就是属性的无序集合1.2、对象的属性对象有属性，所谓的属性就是这个对象的特点、特性在特殊情况下，属性是必须加引号的属性为特殊字符属性为数字属性中有空格关键字、保留字特殊形式的属性，必须要加上引号，检索属性的时候，必须要用方括号[‘name’]，如果属性名符合标识符规范，可以加引号，也可以不加引号，如果不符合标识符规范，则属转载 2021-10-27 22:34:03 · 2023 阅读 · 0 评论 -
js定时器
定时器一、两种定时器setTimeout() 延迟定时器setInterval() 循环定时器（‘间隔器’）定时器中的函数挂载在window对象上，内部的this指向window setTimeout(function(){ console.log(111); },1000) //一秒钟打印出111 setInterval(function(){ console.转载 2021-10-27 22:31:56 · 23622 阅读 · 0 评论 -
Symbol
数据类型Symbol一、什么是SymbolSymbol实际上是ES6引入的一种原始数据类型，用来产生一个独一无二的值二、Symbol的使用 let sym=Symbol('aa'); console.log(sym);[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UGiwHFcL-1635344964290)(C:\Users\web\AppData\Roaming\Typora\typora-user-images\image-转载 2021-10-27 22:30:00 · 172 阅读 · 0 评论 -
DOM操作
DOM操作DOM（DOcument Object Model，文档对象模型）描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分，这使得Javascript操作HTML，不是在操作字符串，而是在操作节点，极大的降低了编程难度。一、DOM树1.1、DOM树[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Mhdl7dO0-1635344857988)(C:\Users\web\AppData\Roaming\Typora\typora-user-images转载 2021-10-27 22:28:42 · 222 阅读 · 0 评论 -
async函数
一、async函数1、async含义async函数是Generator函数的语法糖2、async的使用async函数使用时将Generator函数的星号（*）替换成async，将yield替换成await async function show(){ return '22' } //show是一个promise函数 show().then(res=>{ console.log(res);转载 2021-10-22 19:18:09 · 556 阅读 · 0 评论 -
定时器js
定时器一、两种定时器setTimeout() 延迟定时器setInterval() 循环定时器（‘间隔器’）定时器中的函数挂载在window对象上，内部的this指向window setTimeout(function(){ console.log(111); },1000) //一秒钟打印出111 setInterval(function(){ console.转载 2021-10-22 11:40:57 · 389 阅读 · 0 评论 -
generator
generator生成器1、基本概念执行Generator函数会返回一个迭代器对象，也就是说，Generator函数还是一个迭代器对象生成的函数，返回的迭代器对象，可以依次遍历Generator函数内部的每一个状态，生成器也是一个函数跟普通函数的区别1、function关键字与函数名之间有一个星号2、函数体内部使用yield表达式，定义不同的内部状态3、·Generator·函数不能跟new一起使用，会报错2、generator的基本使用（1）定义generator函数在function关转载 2021-10-22 09:18:41 · 165 阅读 · 0 评论 -
promise
一、什么是promise1、概念promise是异步编程的一种解决方案，从语法上讲，promise是一个对象，从它可以获取异步操作的信息，从本意上讲，它是承诺，承诺它过一段时间会给你一个结果，promise有三种状态：pending（等待态）、fulfiled（成功态）、rejected（失败态），状态一旦改变，就不会再变，创造promise2、特点：（1）、promise对象的状态不受外界影响（2）、一旦状态改变，就不会再变，任何时候都可以得到这个结果...转载 2021-10-15 11:46:12 · 91 阅读 · 0 评论 -
大小写转换
<h1>大小写转换</h1> 原数据：<input type="text" id="oldNum"> <br/><br/> 操作：<button>转大写</button> <button>转小写</button> <br/><br/> 新数据：<inpu原创 2021-09-09 15:23:48 · 97 阅读 · 0 评论 -
JavaScript的三级联动
<select id="provice"> <option value="-1">请选择</option> </select> <select id="city"></select> <select id="country"></select> <script> //创建数组保存各个省份城市地区 //省份：一维数组 v..原创 2021-09-09 14:28:26 · 395 阅读 · 0 评论 -
猴子选大王
<script> // var monkey=prompt('请输入有多少只猴子'); // var ti=prompt('请输入数字'); var monkey=[1,2,3,4,5,6,7,8,9,10]; var ti=5; // console.log(monkey.length); var arr=[]; for(var i=1;i<=monkey.length;i..原创 2021-09-09 10:57:15 · 71 阅读 · 0 评论 -
Javascript弹窗
浏览器弹窗功能之单一弹窗在网页上方弹出一个窗口，该窗口的内容可自定义，点击确定按钮可以关闭弹窗。<script> alert("66666");<script>浏览器弹窗功能之确认弹窗在网页上方弹出一个窗口，该窗口的内容可自定义，按确定键返回一个true的布尔值，按取消键返回一个false的布尔值。<script> confirm("你要关闭窗口吗");<script>浏览器弹窗功能之输入弹窗在网页上方弹出一个窗口，该窗口的内容可自定原创 2020-09-20 10:21:12 · 439 阅读 · 0 评论 -
JS手动轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #wrap {原创 2020-10-17 16:00:54 · 201 阅读 · 0 评论 -
简单的为按钮添加点击事件
简单的为按钮添加点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <button id="btn">点击</button> <div id="demo" style="display: none;"&原创 2020-09-27 15:20:34 · 1379 阅读 · 0 评论