摘要：闭包 1变量的作用域复习 变量根据作用域的不同分为两种：全局变量和局部变量。 函数内部可以使用全局变量。 函数外部不可以使用局部变量。 当函数执行完毕，本作用域内的局部变量会销毁。 ###2什么是闭包 闭包（closure）指有权访问另一个函数作用域中变量的函数。简单理解就是 ，一个作用域可以访问另
阅读全文
摘要：// get请求 ajax({ type: 'get', url: 'http://edu.xqb.ink/api/courselist', data: 'limits=5', success: function (res) { console.log(res);//res回应数据 } }); //
阅读全文
摘要：一、校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(
阅读全文
摘要：<!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 http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：案例1:自定义右击菜单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：字符串对象 （String） 每一个字符串都属于字符串类的实例 用单引或双引包起来的就是字符串 字符串的创建 // 直接赋值 字面量 var str = "哈哈abcdefghijklmnab123456"; // 构造函数（实例的方式） var str1 = new String("哈哈abcde
阅读全文
摘要：html代码: <div id="box"> <h3>倒计时</h3> 请输入：<input type="text" value="2022" />年 <input type="text" value="7" />月 <input type="text" value="26" />日 <button
阅读全文
摘要：日期对象-Date 日期对象只能通过构造函数方式进行创建 new Date(); 通过构造函数方式进行创建，在不传递参数的情况下获取的是当前电脑的本地时间 1.日期对象的创建 var date = new Date(); console.log(date); //Wed Mar 17 2021 10
阅读全文
摘要：Math数学函数 Math属于js中的内置对象 （内置对象的方法都是用当前类（Math).出的） 基本语法： Math.方法(参数); Math.abs(数据); 取绝对值 Math.floor(数据); 向下取整 Math.ceil(数据);向上取整 Math.max(数据1,数据2,..); 取
阅读全文
摘要：定时器 定时器的分类 1.1延迟定时器（一次性定时器） 延迟定时器:多长时间之后去执行一次，例如：广告弹出语法： setTimeout(callBack,time); //参数：callBack:函数 ->可以传递实名函数也可以传递匿名函数 time:毫秒值 单位（ms） 省略单位 代码示例： //
阅读全文
摘要：html代码： <span id="show"></span> css代码： <style> span { display: block; width: 200px; height: 50px; background-color: pink; position: absolute; left: 0;
阅读全文
摘要：html代码： <div id="box"></div> <button class="btn">向右</button> <button class="btn" style="margin-left: 100px;">向左</button></button> <script src="./js/ut
阅读全文
摘要：作用域链 首先作用域链是一种查找机制，在当前作用域下用到某个变量或方法，先看当前作用域下有没有，没有往上一级作用域进行查找，上一级作用域没有再往上一层作用域进行查找依次类推，直到找到全局作用域为止；找不到就就报错了 代码如下： var a = 100; var b = 200; var c = 30
阅读全文
摘要：函数执行 首先函数执行形成私有作用域（局部作用域），函数体中代码从上到下执行，函数执行完毕会自动销毁； 局部作用域下的预解析 函数执行形成一个局部作用域（私有作用域），函数体中的代码从上到下执行之前先进行形参赋值和预解析， （私有作用下预解析，解析的是私有作用域下的带有var和function关键字
阅读全文
摘要：预解析(变量提升) 全局下的预解析 js代码运行到浏览器，浏览器提供了一个供js代码执行的环境，在代码执行之前先进行了预解析；会把全局作用域下所有带有var 和 function关键字的进行预解析 （全局作用域下预解析）（预解析完成代码从上到下执行） 预解析分为以下两部分 声明：var a; 只是声
阅读全文
摘要：函数的arguments - ##### arguments是函数独有的 （实参的一个类数组集合） - **arguments 天生自带length属性 由索引和值组成 0对应第一项1对应第二项 最后一项的索引是arguments.length-1** // 求任意数字之和 function sum
阅读全文
摘要：html代码： <div class="box1" id="box1"> <p id="title1">1/4</p> <p id="title2">美女1</p> <button id="left"><</button> <button id="right">></button> <i
阅读全文
摘要：// this可以存储在任意位置,在不同位置代表不同对象.this表示执行函数时函数的拥有者. // this在全局下表示window // 普通函数中this表示window // 事件处理函数中this表示触发事件的元素 // 在对象的方法中this表示对象本身 // 在定时器中this表示wi
阅读全文
摘要：html代码： <div id="warp"> <ul id="left_list"> <li class="active">a</li> <li>b</li> <li>c</li> <li>d</li> </ul> <div id="right"> <div class="right_box te
阅读全文
摘要：html代码： <ul id="list"> <li> <!-- 标题，联系人--> <p><img src="img/ico1.gif" alt="" />朋友</p> <ul class="box"> <li>张珊</li> <li>张珊</li> <li>张珊</li> </ul> </li>
阅读全文
摘要：4.其它结构 continue for(var i = 0;i<10;i++){if(i==5){continue;//跳出i==5的循环，仍然执行i=6; console.log(i);}console.log(i);//打印0 1 2 3 4 6 7 8 9 } break for (var i
阅读全文
摘要：循环结构 作用：让特定的代码执行指定的次数 1.for 基本语法 for(表达式1;表达式2;表达式3){ 特定的代码段 ->循环体 } 表达式1:设置初始值 表达式2:循环条件 设置终值 表达式3:循环增量 代码示例1： //控制台输出 1-100 for(var i = 1;i<101;i++)
阅读全文
摘要：流程控制 任何一门编程语言都存在流程控制，流程控制不是js独有的，可以分为以下几种： 顺序结构 ：默认代码从上到下执行的 选择结构：if switch 循环结构：for for-in while 及 do-while 其它结构：break continue 1.选择结构 - if if判断可以判断j
阅读全文
摘要：html代码： <div id="wrap"> <button>顺序</button> <button>循环</button> <div id="box"> <img src="img/1.jpg" alt=""> <p class="title1">1/4</p> <p class="title2
阅读全文
摘要：获取元素的方式 限定获取范围必须是具体的元素对象，操作元素也必须是具体的元素对象 通过id获取 基本语法 context.getElementById("id值"); context 在这里表示获取范围，通过id获取限定范围必须使用document 获取到了就是具体的那个元素对象，获取不到是null
阅读全文
摘要：运算符 1.算术运算符 + - * / % ++ --// 规律：不同数据类型在进行运算的时候会尽量转为数字类型(内置帮我们进行转换，并且符合Number的规律)// 引用数据类型转为数字，先内置调用toString()方法，然后再去转为数字// +// 1.+ 号两边都是数字 表示加法//
阅读全文
摘要：12.数据类型的强制转换 1.其它数据类型转为数字 引用数据类型转为数字，先内置调用toString()方法，然后再去转为数字 Number(数据); 将转完后的值 返回 转不成具体的数值 返回NaN 字符串转为数字,必须是纯数字字符串，一旦遇到非数字字符，就停转转换返回NaN,但是可以识别小数（只
阅读全文
摘要：基本数据类型 Number 数字 作用：在js中进行一定的运算 正数 ； 负数； 0 ； NaN（Not a Number 不是一个数字）； Infinity （无穷大） 当运算不出结果返回NaN 小数计算精度问题 // 因为js在进行运算 采用的IEEE-754双精度标准去运算，都会转为二进制进行
阅读全文
摘要：操作元素样式 原则：用过style属性操作的都是元素的行内样式（设置和获取） 操作单个样式 基本语法 设置 : 元素.style.样式属性 = 值 获取: 元素.style.样式属性 代码如下： var box =document.getElementById("box");// 设置box.st
阅读全文
摘要：Ctrl + 1~6 1~6级标题 Ctrl+Shift+ ] 插入无序列表 Ctrl+Shift+ [ 插入有序列表 Ctrl + Shift + K 行内代码 Ctrl+Shift+M 公式块 Ctrl + Shift + I 插入图片 Ctrl + Z 撤销 Ctrl+F 搜索 Ctrl+H
阅读全文
摘要：操作元素内容 操作表单元素 基本语法： 设置 元素.value = 值; 获取 元素.value; 操作普通元素 利用innerText操作普通元素内容 特点 设置的是什么就是什么,只能识别文本 设置 （多次设置 重新赋值） 设置 元素.innerText= 值； 获取 元素.innerText；
阅读全文
