JavaScript
关注
分享
扫一扫
小码哥呀
这个作者很懒，什么都没留下…
展开
-
bootstrap组件-引入官方组件
1、创建文件目录2、引入css3、引入js4、创建container容器5、引入要用的组件bootstrap下拉菜单组件地址：https://v3.bootcss.com/components/#dropdowns页面效果原创 2022-01-11 16:24:55 · 950 阅读 · 0 评论 -
Ajax&JavaScript&css模仿百度一下模糊查询功能
Ajax&JavaScript&css模仿百度一下模糊查询功能原创 2023-09-08 12:34:03 · 911 阅读 · 0 评论 -
JavaScript元素偏移量
1、元素偏移量1.1、offset概述<!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">原创 2022-01-06 17:49:08 · 292 阅读 · 0 评论 -
JS执行机制
1、JS执行机制1.1JS单线程4.2、同步和异步4.4、js执行机制执行顺序：原创 2022-01-06 15:12:26 · 94 阅读 · 0 评论 -
JavaScript中this的指向问题
1、全局作用域获取普通函数中this指向全局对象window(注意定时器里面的this指向window)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi原创 2021-12-28 22:30:13 · 245 阅读 · 0 评论 -
JavaScript节点操作
JavaScript节点操作1、节点操作2、节点概述3、节点层级3.1、父级节点3.2、子节点操作3.3、操作第一个和最后一个元素3.4、案例-新浪下拉菜单3.5、兄弟节点4、创建节点4.1、创建节点4.2、添加节点4.3、简单版发布留言案例5、删除节点1、节点操作2、节点概述3、节点层级3.1、父级节点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-12-20 11:04:45 · 1232 阅读 · 0 评论 -
BOM概述-window常见时间-定时器
BOM概述1、BOM概述1.1、什么是BOM1.2、BOM构成2、window对象的常见事件2.1、窗口加载事件2.2、调整窗口大小事件3、定时器3.1、两种定时器3.2、setTimeout()定时器3.3、案例：5s后关闭广告1、BOM概述1.1、什么是BOM1.2、BOM构成2、window对象的常见事件2.1、窗口加载事件load加载速度较慢DOMContentLoaded加载速度更快<!DOCTYPE html><html lang="en">&l原创 2021-12-27 22:19:24 · 645 阅读 · 0 评论 -
JavaScript常用的键盘事件
1、常用的键盘事件<!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"> <t原创 2021-12-27 13:33:06 · 1649 阅读 · 0 评论 -
JavaScript常用的鼠标事件
1、禁止鼠标右键、禁止选中事件<!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">原创 2021-12-25 17:59:17 · 865 阅读 · 0 评论 -
JavaScript事件对象
JavaScript事件对象1、事件对象1.1、什么是事件对象1.2、事件对相关的使用语法1.3、事件对象的兼容性解决方案1.4、事件对象常见的属性和方法1、事件对象1.1、什么是事件对象1.2、事件对相关的使用语法1.3、事件对象的兼容性解决方案<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com原创 2021-12-25 11:42:58 · 1066 阅读 · 1 评论 -
DOM事件流
<!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>...原创 2021-12-25 11:00:43 · 87 阅读 · 0 评论 -
JavaScript中注册、删除事件
1、注册事件1.1、注册事件概述1.1.1、传统注册事件-没有兼容性问题1.1.2、addEventLinstener事件监听方式// 2、事件监听注册事件 addEventListener// (1)里面的事件类型是字符串 必定夹引号 并且不带on // (2)同一个元素 同一个事件可以添加多个侦听器(事件处理程序) btns[1].addEventListener('click',function(){ alert(22); }) btns[1].addEvent原创 2021-12-25 10:37:27 · 356 阅读 · 0 评论 -
DOM重点核心
1、创建2、增加元素3、删除元素4、修改元素5、查6、属性操作7、事件操作原创 2021-12-25 09:47:07 · 172 阅读 · 0 评论 -
三种创建元素的方式
1、document.write()文档流执行完毕也买你会重绘<!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-sc.原创 2021-12-21 22:12:04 · 389 阅读 · 0 评论 -
使用JavaScript动态生成表格，并实现删除操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=\, initial-scale=1.0"> <title>Document</t原创 2021-12-21 21:37:46 · 1193 阅读 · 0 评论 -
JavaScript阻止链接跳转
<a href='javascript:;'>删除</a><a href='javascript:void(0)'>删除</a>原创 2021-12-19 18:02:32 · 1182 阅读 · 0 评论 -
H5自定义属性
1、H5自定义属性1.1、设置H5自定义属性1.2、获取H5自定义属性<!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原创 2021-12-19 10:18:55 · 1035 阅读 · 0 评论 -
JavaScript中自定义属性的操作
1、自定义属性的操作及案例1.1、获取属性值<!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"原创 2021-12-19 10:01:12 · 1064 阅读 · 0 评论 -
JavaScript排他思想算法及案例
排他思想算法及案例1、排他思想2、页面背景图片换肤3、鼠标经过表格各行换色效果3、全选取消全选1、排他思想<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2021-12-05 17:35:54 · 711 阅读 · 0 评论 -
JavaScript操作元素，改变页面内容样式
JavaScript操作元素1、操作元素1.1、改变元素内容1.2、innerText和innerHtml的区别1.3、操作元素 修改元素属性1.4、分时显示时间案例1.4、表单的属性操作1.5、仿京东隐藏显示密码操作1.6、样式属性操作1.7、显示隐藏二维码1、操作元素1.1、改变元素内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n原创 2021-11-28 22:39:19 · 1209 阅读 · 0 评论 -
JavaScript中的事件
1、事件概述事件案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2021-11-28 09:56:22 · 180 阅读 · 0 评论 -
DOM介绍及元素的操作
DOM介绍及操作1、DOM简介1.1、什么是DOM1.2、DOM树2、元素2.1、如何获取页面元素2.2、getElementById获取页面元素1、DOM简介1.1、什么是DOM1.2、DOM树2、元素2.1、如何获取页面元素2.2、getElementById获取页面元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name原创 2021-11-28 09:36:58 · 759 阅读 · 0 评论 -
Web API
Web APIs和JS基础关联性1、Web APIs和JS基础关联性1.1、Js组成1.2、JS基础阶段以及Web APIS阶段2、API和WebAPI2.1、API2.2、Web API2.3、API和Web API1、Web APIs和JS基础关联性1.1、Js组成1.2、JS基础阶段以及Web APIS阶段2、API和WebAPI2.1、API2.2、Web API参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API2.3、原创 2021-11-27 22:46:46 · 208 阅读 · 0 评论 -
简单数据类型与复杂数据类型
数据类型的相关操作1、简单数据类型与复杂数据类型2、堆和栈3、简单数据类型内存的分配4、简单类型传参5、复杂数据类型传参1、简单数据类型与复杂数据类型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-11-27 22:30:15 · 562 阅读 · 0 评论 -
字符串对象
字符串对象1、基本包装类型2、字符串不可变1、基本包装类型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <scri原创 2021-11-27 21:54:21 · 264 阅读 · 0 评论 -
数组对象中常用的方法
1、往数组中添加元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // 添加.原创 2021-11-26 22:37:22 · 888 阅读 · 0 评论 -
JavaScript数组对象
JavaScript数组对象1、数组对象的创建-两种方式2、检测是否为数组3\1、数组对象的创建-两种方式var arr = [1,2,3];var arr1 = new Array(2,3);<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init原创 2021-11-25 15:46:08 · 299 阅读 · 0 评论 -
JavaScript内置对象-日期对象
JavaScript内置对象-日期对象1、日期对象1.1、Date概述1.2、Date()方法的使用1.3、日期的格式化1.3.1、获取特定格式的系统当前日期的年月日1.3.2、获取特定格式的系统当前日期的时分秒1.4、获取系统时间戳的几种方式1.5、倒计时案例MDN使用手册1、日期对象1.1、Date概述1.2、Date()方法的使用1.3、日期的格式化1.3.1、获取特定格式的系统当前日期的年月日<!DOCTYPE html><html lang="en">原创 2021-11-24 16:19:32 · 544 阅读 · 0 评论 -
JavaScript内置对象-Math对象
JavaScript内置对象1、内置对象2、查文档2.1、MDN2.2、如何学习对象中的方法3、Math内置对象3.1、求最大值3.2、封装自己的数学对象3.3、Math概述3.3.1、Math绝对值和三个取整方法3.3.2、Math.Random()随机数方法、随机点名3.3.3、猜数字游戏1、内置对象2、查文档2.1、MDNMDN官网：https://developer.mozilla.org/zh-CN/MDN官网JavaScript文档：https://developer.mozill原创 2021-11-24 15:17:07 · 3486 阅读 · 1 评论 -
JavaScript对象
JavaScript对象1、对象1.1、什么是对象？1.2、为什么需要对象2、创建对象的三种方式2.1、利用字面量创建对象案例11、对象1.1、什么是对象？1.2、为什么需要对象2、创建对象的三种方式2.1、利用字面量创建对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2021-11-23 23:55:41 · 350 阅读 · 0 评论 -
变量属性方法函数的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // 变量、属性、函数、方法的区.原创 2021-11-23 23:18:51 · 221 阅读 · 0 评论 -
JavsScript预解析
JavsScript预解析1、JavsScript预解析解释1、JavsScript预解析解释1、我们js引擎运行js分为两步：预解析 代码执行(1).预解析 js引擎会把js里面所有的var 还有function 提升到当前作用域的最前面(2).代码执行 按照代码书写的顺序从上往下执行2、预解析分为 变量预解析（变量提升） 和 函数预解析（函数提升）(1)、变量提升 就是把所有的变量声明到当前作用域最前面 不用升赋值操作(2)、函数提升 就是把所有的函数（利用关键字声明函数的方式）声明提升原创 2021-11-23 22:46:59 · 494 阅读 · 0 评论 -
JavaScript中的作用域
JavaScript中的作用域1、JavaScript中的作用域1.1、作用域概述2、变量的作用域2.1、变量作用域的分类2.2、全局变量2.3、局部变量2.4、局部变量与全局变量的区别3、作用域链3.1、作用域链案例1、JavaScript中的作用域1.1、作用域概述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor原创 2021-11-23 22:26:13 · 858 阅读 · 0 评论 -
函数的两种声明方式
1、函数的两种声明方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // 函数原创 2021-11-23 21:34:08 · 1583 阅读 · 0 评论 -
arguments的使用
arguments的使用1、arguments的使用2、案例：利用函数求任意个数的而最大值3、案例:利用函数翻转任意数组4、利用函数封装冒泡排序5、利用函数封装“是否是闰年”6、函数之间是可以相互调用的7、案例：输入年份，判断该年2月份天数1、arguments的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2021-11-23 21:26:48 · 1893 阅读 · 0 评论 -
使用JavaScript获取系统当前时间
// 格式： 当前时间：2020年3月17-0时54分14秒<script> var t = null; t = setTimeout(time, 1000);//開始运行 function time() { clearTimeout(t);//清除定时器 dt = new Date(); var y = dt.getFullYear(); var mt = dt.getMonth() + 1;原创 2021-10-28 23:06:36 · 2901 阅读 · 0 评论 -
JavaScript中的函数
JavaScript中的函数1、函数的概念2、函数的使用2.1、声明函数2.2、调用函数2.3、函数的封装2.4、案例3、函数的参数3.1、形参和实参3.2、形参和实参不匹配的问题3.3、小结4、函数的返回值4.1、return语句4.2、案例4.3、return 可以终止函数，并且只能返回一个值4.4、函数没有return返回undefined4.5、break，return、continue的区别1、函数的概念2、函数的使用2.1、声明函数2.2、调用函数2.3、函数的封装2.4、原创 2021-11-21 22:22:38 · 873 阅读 · 0 评论 -
JavaScript中的数组
JavaScript中的数组1、数组的概念2、创建数组2.1、数组的创建方式2.2、利用new关键字创建数组2.3、利用数组字面量创建数组2.4、数组里面的元素类型2.5、数组知识点提问3、获取数组中的元素3.1、数组的索引4、遍历数组5、数组的长度1、数组的概念2、创建数组2.1、数组的创建方式2.2、利用new关键字创建数组2.3、利用数组字面量创建数组2.4、数组里面的元素类型2.5、数组知识点提问<!DOCTYPE html><html lang="e原创 2021-11-21 21:18:30 · 932 阅读 · 1 评论 -
JavaScript命名规范及语法格式
JavaScript命名规范及语法格式1、标识符命名规范2、操作符规范3、单行注释规范4、代码编写规范-注意空格1、标识符命名规范2、操作符规范3、单行注释规范4、代码编写规范-注意空格原创 2021-11-18 21:21:11 · 436 阅读 · 0 评论 -
continue、break关键字
continue、break关键字1、continue关键字2、break关键字1、continue关键字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2021-11-18 21:17:32 · 539 阅读 · 0 评论