- 博客(42)
- 收藏
- 关注
RSS订阅原创 返回页面顶部代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-02-11 16:39:39
1047
原创 动态生成表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-01-30 02:42:33
178
原创 BOM定时器 setTimeout
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-11-08 02:29:15
80
原创 DOM节点
节点: 文档中所用元素都是节点，包括换行等2. 子节点2.1 node.children(开发中常用此方法)2.2 node.childNodes 获得的是所有子节点，包含元素节点 文本节点等3. 获取第一个元素节点或者最后一个元素节点的方法：3、兄弟节点为了解决getNextElementSibling兼容性问题，可以自己封装一个函数function getNextElementSibling(element) { var el = element; wh
2021-11-02 16:18:38
66
原创 JS自定义属性操作
1.获取属性两种方法element.属性 获取内置属性值element.getAttribute ( ’ 属性 ’ ); get获取 attribute 属性的意思 获取程序员自己添加的属性 称为自定义属性2.设置属性值两种方法element.属性 = ’ 值 ’ 设置内置属性值。element.setAttribute ( ’ 属性 '，‘ 值 ’ )；区别；element.属性 设置内置属性值element.setAttribute( ’ 属性 '，‘ 值
2021-10-24 17:35:29
5821
原创 仿京东显示密码案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-10-20 18:16:52
80
原创 ⭐⭐⭐事件三要素
1.执行事件的步骤获取事件源注册事件（绑定事件）添加事件处理程序（采取函数赋值形式）2.常见的鼠标事件鼠标事件触发条件onclick鼠标点击左键触发onmouseover鼠标经过触发onmouseout鼠标离开触发onfocus获得鼠标焦点触发onblur失去鼠标焦点触发onmousemove鼠标移动触发onmouseup鼠标弹起触发onmousedown鼠标按下触发...
2021-10-18 21:26:57
61
原创 ⭐DOM如何获取页面元素
1.获取页面中的元素可以使用以下几种方式根据 ID 获取根据标签名获取通过 HTML5 新增的方法获取特殊元素获取1.1根据ID 获取使用getElementByld ( ) 方法可以获取带有 ID 的元素对象<body> <div id="time">2021-9-9</div> <script> 1. 因为我们的文档页面从上往下加载，所以得现有标签 所以script写到标签下面 2. g
2021-10-18 16:53:14
116
原创 字符串对象 + 根据位置返回字符 +字符串操作方法（重点）
1.基本包装类型 基本包装类型 var str = 'andy'; console.log(str.length); 对象 才有 属性和方法 复杂数据类型才有 属性和方法 简单数据类型为什么会有length 属性呢？ 基本包装类型； 就是把简单数据类型 包装成了 复杂数据类型 (1) 把简单数据类型包装为复杂数据类型 var temp = new String('andy') (2) 把临时变量的值 给 str str = temp; ~~~~ (3) 销毁这个临
2021-10-15 16:29:14
151
原创 ⭐数组转换为字符串+ 数组索引号查询
1.数组转换为字符串方法名说明toString ( )把数组转换成字符串，逗号分隔每一项join ( )方法用于把数组中的所有元素转换为一个字符串 数组转换为字符串 // 1.toString() 将我们的数组转换为字符串 var arr = [1,2,3]; console.log(arr.toString()); 2. join(分隔符) var arr1 = ['green','blue','red']; console.log(arr1.join(
2021-10-14 16:29:57
142
原创 ⭐⭐数组对象 添加删除数组元素的方法
1.添加删除数组元素方法方法名说明push（参数1…）末尾添加一个或多个元素，注意修改原数组 // 并返回新的长度pop（）删除数组最后一个元素，把数组长度减 1 无参数、修改原数组 // 返回它删除的元素的值unshift（参数1…）向数组的开头添加一个或更多元素，注意修改原数组 // 并返回新的长度shift（）删除数组的第一个元素，数组长度减 1 无参数，修改原参数 // 并返回第一个元素的值代码 添加删除数组元素方法 1. push()
2021-10-13 00:49:17
1258
原创 检测是否为数组方法 Arrary.isArray (instanceof)
function fn(arr){ // if (arr instanceof Array){ if(Array.isArray(arr)){ var arr1 = []; for (var i = arr.length - 1; i >= 0; i--){ arr1[arr1.length] = arr[i]; } return arr1; } else{ return 'error 这个参数要求必须是数组格式 [1,2,3]' } } cons.
2021-10-12 23:57:03
146
原创 ⭐写一个倒计时效果
1.核心算法：用户的时间减去当前的时间就是剩余的时间，即倒计时，不能拿 时分秒 相减 比如 05分减去25分，结果是负数2.用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。3.把剩余时间总的毫秒数转换为 天、时、分、秒、（时间戳转换为时分秒）function countDown(time){ var newTime = +new Date(); // 返回的是当前时间总的毫秒数 var inputTime = +new Date(time); //
2021-10-12 16:49:04
153
原创 案例：写一个封装函数返回当前的 时分秒
function getTime(){ var time = new Date(); var h = time.getHours(); h = h < 10 ? '0' + h : h; var m = time.getMinutes(); m = m < 10 ? '0' + m : m var s = time.getSeconds(); s = s < 10 ? '0' + s : s return h + ':' + m + ':' + s; .
2021-10-12 15:34:44
367
原创 日期格式化
我们想要 2021-10-12 8:8:8 格式的日期 要怎么办？方法名代码getFullYear ( ) // 获取当年dObj.getFull ( )getMonth ( ) // 获取当月（0-11）dObj,getMonth ( )getDay ( ) // 获取星期几（周日0 到周六6）dObj.getDay ( )getDate ( ) // 获取当天日期dObj.getDate ( )getHours ( ) // 获取当前小时dObj.
2021-10-12 00:44:11
77
原创 JavaScript 内置对象 Math 概述
1.内置对象JavaScript 中的对象分为3种；自定义对象、内置对象、浏览器对象前面两种是JS基础内容，属于ECMAScript；第三个属于JS独有的，我们JS API讲解内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本的技能（属性和方法）内置对象最大的优点就是帮助我们快速开发。JavaScript 提供了多个内置对象；Math、Date、Array、String等2查文档 MDN2.2如何学习对象中的方法1. 查阅该方法的功能2. 查看里
2021-10-11 00:01:24
90
原创 ⭐原生js实现简易计算器功能
function fn(){ var num = parseInt(prompt('欢迎使用简易计算器\n1.加法运算\n2.减法运算\n3.乘法运算\n4.除法运算\n5.退出\n请输入您的选项:')); switch (num){ case 1: var a = parseInt(prompt('请输入你要相加的第一个数')); var b = parseInt(prompt('请输入你要相加的第二个数'));
2021-10-10 00:55:47
147
原创 JS 遍历对象
for…in 语句用于对数组或者对象的属性进行循环操作1.遍历对象var obj = { name:'胖大海', age:'18', sex:'男' } console.log(obj.name); console.log(obj.age); console.log(obj.sex); 2.for in 遍历我们的对象 for (变量 in 对象){ ] for (var k in obj){ console.log(k); k 是变量 输出
2021-10-09 17:05:09
219
原创 JavaScript 对象及 三个创建方法
1.什么是对象现实生活中，对象是一个具体的事物，看得见摸得着的,一个数据库，一张网页，一个远程服务器的连接也可以算是对象1.1什么是JS对象在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的属性；事物的特征，在对象中用属性来表示（常用名词）方法；事物的行为，在对象中用方法来表示（常用动词）2.创建对象的三种方式；利用 字面量 创建对象利用 new Object 创建对象利用 构造函数 创建对象
2021-10-09 15:40:13
141
原创 Javascript 作用域
1.Javascript作用域就是代码名字（变量）在某个范围内起作用和效果，目的是为了提高程序的可靠性，减少命名冲突2.变量的作用域2.1 变量作用域的分类在Javascript中，根据作用域的不同，变量可以分为两种；全局变量局部变量2.2全局变量在全局作用下声明的变量叫做全局变量（在函数外部定义的变量）全局变量在代码的任意位置都可以使用在全局作用下var声明的变量是全局变量特殊情况下，在函数内不适用var声明直接赋值的变量也是全局变量(不建议使用)2.2局部变量在局部作用
2021-10-07 23:57:30
80
原创 ⭐JS函数形参实参个数匹配
1.函数形参和实参个数不匹配问题参数个数说明实参个数 = 形参个数输出结果正确实参个数 > 形参个数只取到形参个数实参个数 < 形参个数多的形参定义为 undefined ，结果为 NaNfunction sum(num1，num2){console.log( num1 + num2 )；}sum(100，200)； // 形参和实参个数相等，输出正确结果sum(100，200，300，400)；// 实参个数 > 形参，只取到形参的
2021-10-04 23:19:05
334
原创 JS函数的参数
1.1形参和实参在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用函数时，同样也需要传递相应的参数，这些参数被称为实参。参数说明形参形式上的参数 函数定义的时候 传递的参数 当前并不知道是什么实参实际上的参数 函数调用的时候传递的参数 实参是传递给形参的参数的作用；在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去代码1.我们可以利用函数的参数实现函数重复不同的代码function 函数名(形参1，形参2
2021-10-04 19:33:26
457
原创 JavaScript函数概念及使用
JavaScript函数的概念函数∶就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。
2021-10-04 18:58:27
118
原创 学过的东西马上就忘了怎么办?
学过的东西马上就忘了怎么办?有句话叫做:理解是记忆的灵魂。在学习过程中，有些知识点是必须要求死记硬背原文的内容，还有许多知识则更偏向于理解其内涵。死记硬背的内容可以通过寻找各知识点之间的联系对比或特点来进行记忆，且要反复记忆，时时复习，多多运用。毕竟，你在现实中用不到的东西，大多会选择性遗忘。而需要理解的知识点想要记下来，更多需要知道它的概念，它有什么用，他适用于什么地方，它会被哪些因素影响或者会影响哪些东西等等。必要时若有机会实践，则更有利于你对这个知识点的理解。理解了，也就记住了，或许做不
2021-10-03 18:53:11
298
原创 ⭐JavaScript 新增数组元素（索引）
1.1通过修改数组索引新增数组元素可以通过修改数组索引的方式来追加数组元素不能直接给数组名赋值，否则会覆盖掉以前的数据var arr = [’ red ', ’ green ‘,’ blue ']；arr [3] = ’ 胖大海 '；console.log(arr)；这种方式也是我们最常用的一种方式 1. 新增数组元素 修改 length 长度 var arr = ['red','green','blue']; console.log(arr.length); arr.leng
2021-10-02 23:36:58
472
原创 ⭐获取JavaScript数组中的元素 1.单个用索引 2.全部用遍历
1.数组的索引索引（下标）；用来访问数组元素的序号（数组下标从0开始）。var arr1 = [1,2,'胖大海',true]; console.log(arr1 [2]); 胖大海console.log([3]); true数组可以通过索引来访问、设置、修改对应的数组元素，我们可以通过**‘数组名[索引]’** 的形式来获取数组中的元素。这里的访问就是获取得到的意思// 定义数组var arr = [ 1,2,3]；// 获取数组中的第二个元素alert (arr[1])；
2021-10-02 15:26:13
396
原创 ⭐JavaScript数组及创建方式
1.数组的概念问；之前学习的变量，只能储存一个值。如果想储存班级中所有有学生的名字，该如何储存答；可以用数组（Array）。数组可以把一组相关的数据一起存放，并提供方便的访问（获取)方式。问；什么是数组答；数组是指一组数据的集合，里面每个数据被称作为元素，再数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。// 普通变量一次只能储存一个值var num = 10；// 数组一次可以储存多个值var arr = [1,2,3,4,5]；1.1数组的创建方式
2021-10-01 16:19:26
138
原创 JavaScript 双重for循环
1. 双重 for循环概述；很多情况下，单层 for 循环并不能满足我们的需求，比如我们要打印一个5行5列的图形、打印一个直角三角形等、此时就可以用循环嵌套来实现1.1 嵌套循环是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for循环，这样的for循环语句 我们称之为双重for循环...
2021-09-29 00:50:19
4225
原创 JavaScript 流程控制-循环
1. JS中的循环在 JS 中，主要循环有三种类型的循环语句；for 循环while 循环do…while 循环1.1 for循环在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句。1.2 语法机构for 循环主要用于把某些代码循环若干次，通常跟计数有关系。其语法结构如下for （初始化变量；条件表达式；操作表达式）{// 循环体 }1.初始化变量；就是用var 声明一个变量，通常用于作为计数
2021-09-28 00:05:07
112
原创 JavaScript流程控制-分支
流程控制；在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能简单理解；流程控制就是来控制我门的代码按照什么结构顺序来执行流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构...
2021-09-25 22:55:37
83
原创 ⭐JS获取变量数据类型⭐ 数据类型的转换
1.typeof ； 可以用来检测变量的数据类型<script> var str = 10; console.log(typeof str); // number 数字型 var num = '胖大海'; console.log(typeof num); // string 字符型 var num1 = true; console.log(typeof num1); // boolean 布尔型 var num2 = undefined; console.log(type
2021-09-22 16:57:56
84
原创 ⭐JS获取变量数据类型⭐ 数据类型的转换
1.typeof ； 可以用来检测变量的数据类型<script> var str = 10; console.log(typeof str); // number 数字型 var num = '胖大海'; console.log(typeof num); // string 字符型 var num1 = true; console.log(typeof num1); // boolean 布尔型 var num2 = undefined; console.log(type
2021-09-22 16:06:40
84
原创 Javascript 布尔型Boolean 未定义undefined空值 null
1.布尔型 Boolean布尔型有两个值；true和false，其中true表示真（对），而false表示假（错）var flag = true; // flag 布尔型var flag1 = false; // flag1 布尔型console.log(flag + 1); // true参与加法运算当 1 来看console.log(flag1 + 1); // false参与加法运算当 0 来看2.undefined 未定义数据类型// 如果一个变量声明没有给值 就是 undefin
2021-09-20 20:27:41
755
原创 Javascript字符串型 String
1.字符串型 String1.1字符串型可以是引导中的任意文本，其语法为双引导 “ ” 和但引导 ‘’var strmsg = "我爱我家” ； // 使用双引导标识字串符var strmsg2 = "我也爱你家” // 使用单引导标识字串符// 常见错误var strmsg3 = 我爱你 ； // 报错，没使用引号，会被认为是js代码，但js没有这些代码。因为Html标签标签里面的属性使用的是双引号，所以这里的js推荐使用单引号.。1.2 JS可以用单引号嵌套双引号 ，也可以用双引号嵌套
2021-09-19 23:13:12
75
原创 Javascript数字型Number
数字型 Number1.数字型进制最常见的进制有二进制、八进制、十进制、十六进制。//1.八进制数字序列范围；0-7var num1 = 07； // 对应十进制的7var num2 = 019； //对应十进制的19var num3 =08； //对应十进制的8//2.十六进制数字序列范围；0~9以及A-Fvar num = 0xA；现阶段我们只需要己住，在JS中八进制前面加 0，十六进制前面加 0x数字型Numberjavascript中数值的最大值和最小值alert(Numb
2021-09-19 16:26:55
77
原创 ※⭐Javascript变量名命名规范
由字母(A-Za-z)、数字(O-9)、下划线(_)、美元符号($ )组成，如: usrAge, num01,_name严格区分大小写。var app;和var App;是两个变量不能以数字开头。18+英文是错误的不能是关键字、保留字。例如: var、for、while变量名必须有意义遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。...
2021-09-18 17:25:35
104
原创 ⭐Javascript变量语法拓展
1.同时书写多个变量同时写多个变量，可以按照类似css并集选择器情况. 变量名之间用逗号隔开1.普通写多个变量名var age = 21;var juzhu = '家里蹲';var xz = 10000;2.连写变量名var age = 21, juzhu = '家里蹲', xz = 10000;2.更新新的变量后面新的变量覆盖之前的变量var myname = '迪丽热巴'console.log(myname); myname = '胖大海'consol
2021-09-18 17:15:05
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人