![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
柠檬味小发糕
一起学习,互相进步
展开
-
JavaScript基础学习 引用move.js的动画
JavaScript基础学习 引用move.js的动画<!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=原创 2022-01-01 21:51:19 · 936 阅读 · 0 评论 -
JavaScript基础学习 缓动动画函数的封装
JavaScript基础学习 缓动动画函数的封装在HTML文件当中引入我们的move.js文件<!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-w原创 2021-12-31 12:45:30 · 455 阅读 · 0 评论 -
JavaScript基础学习 缓动动画中的回调函数
JavaScript基础学习 缓动动画中的回调函数移动到指定位置之后span标签的背景颜色会变动<!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原创 2021-12-30 23:42:27 · 492 阅读 · 0 评论 -
JavaScript基础学习 缓动动画多个值移动
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=device-width, initial-scale=1.0原创 2021-12-29 23:18:36 · 376 阅读 · 0 评论 -
JavaScript基础学习 模拟京东查询快递单号
JavaScript基础学习 模拟京东查询快递单号<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed原创 2021-12-28 23:55:25 · 431 阅读 · 0 评论 -
JavaScript基础学习 location的常见用法
JavaScript基础学习 location的常见用法五秒之后自动跳转页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"原创 2021-12-27 23:13:43 · 409 阅读 · 0 评论 -
JavaScript基础学习 缓动动画
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=device-width, initial-scale=1.0">原创 2021-12-26 23:29:25 · 291 阅读 · 0 评论 -
JavaScript基础学习 动画原理
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=device-width, initial-scale=1.0">原创 2021-12-25 12:56:43 · 362 阅读 · 0 评论 -
JavaScript基础学习 仿淘宝固定侧边栏
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=device-width, initial-scale=1.0"原创 2021-12-24 21:24:10 · 386 阅读 · 0 评论 -
JavaScript基础学习 立即执行函数
JavaScript基础学习 立即执行函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge原创 2021-12-24 21:19:10 · 297 阅读 · 0 评论 -
JavaScript基础学习 offsetLeft和offsetTop获取元素偏移
JavaScript基础学习 offsetLeft和offsetTop获取元素偏移offset与style的区别<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=原创 2021-12-23 21:09:39 · 800 阅读 · 0 评论 -
JavaScript基础学习 放大镜
JavaScript基础学习 放大镜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2021-12-22 21:04:36 · 613 阅读 · 0 评论 -
JavaScript基础学习 拖动模态框
JavaScript基础学习 拖动模态框实现拖动模态框随鼠标移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" conten原创 2021-12-22 17:12:03 · 516 阅读 · 0 评论 -
JavaScript基础学习 页面显示倒计时效果
JavaScript基础学习 页面显示倒计时效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg原创 2021-12-21 18:57:06 · 691 阅读 · 0 评论 -
JavaScript基础学习 定时器setTimeout与setInterval
JavaScript基础学习 定时器setTimeout与setInterval定时器setTimeout定时器setInterval定时器setTimeout<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0">原创 2021-12-20 19:40:24 · 587 阅读 · 0 评论 -
JavaScript基础学习 BOM
JavaScript基础学习 BOM调整窗口大小事件定时器之setTimeout定时器之setInterval<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X原创 2021-12-19 21:06:01 · 335 阅读 · 0 评论 -
JavaScript基础学习 事件
JavaScript基础学习 事件注册事件删除事件事件对象e.target与this的区别阻止默认行为(事件)阻止事件冒泡事件委托注册事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <met原创 2021-12-18 20:29:16 · 848 阅读 · 0 评论 -
JavaScript基础学习 创建元素innerHTML和createElement
JavaScript基础学习 创建元素innerHTML和createElement<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible原创 2021-12-18 20:25:06 · 537 阅读 · 0 评论 -
JavaScript基础学习 节点
这里写目录标题节点操作新浪下拉菜单兄弟节点添加创建节点复制和删除节点发布留言案例删除留言案例节点操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Co原创 2021-12-17 14:16:30 · 695 阅读 · 0 评论 -
JavaScript基础学习 动态生成表格
JavaScript基础学习 动态生成表格根据我们拥有的数据来动态创建表格的行和列,以及实现删除行的操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-U原创 2021-12-17 10:57:23 · 2795 阅读 · 0 评论 -
JavaScript基础学习 表单隔行变色
JavaScript基础学习 表单隔行变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&g原创 2021-12-16 21:41:16 · 570 阅读 · 0 评论 -
JavaScript基础学习 表单全选取消全选效果实现
JavaScript基础学习 表单全选取消全选效果实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=e原创 2021-12-16 11:15:20 · 135 阅读 · 0 评论 -
JavaScript基础学习 密码框验证信息
JavaScript基础学习 密码框验证信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"原创 2021-12-15 11:09:51 · 342 阅读 · 0 评论 -
JavaScript基础学习 显示隐藏文本框内容
JavaScript基础学习 显示隐藏文本框内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg原创 2021-12-14 21:44:12 · 463 阅读 · 0 评论 -
JavaScript基础学习 显示隐藏明文密码案例
JavaScript基础学习 显示隐藏明文密码案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg原创 2021-12-14 19:56:13 · 312 阅读 · 0 评论 -
JavaScript基础学习 DOM
JavaScript基础学习 DOMDOM获取元素获取特殊元素 html与body事件三要素innerText与innerHTML的区别分时间问候案例DOM获取元素<!DOCTYPE html><html><head> <title>DOM开始学习</title></head><body> <div id="time">2021-12-13</div>原创 2021-12-14 16:47:53 · 519 阅读 · 3 评论 -
JavaScript基础学习 简单数据类型与复杂数据类型
JavaScript基础学习 简单数据类型与复杂数据类型<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // 简单数据类型传参 // 当我们把一个值类型作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参 // 在方法内部对形参做任何修改,都不会影响到外部变量原创 2021-12-13 18:10:33 · 219 阅读 · 0 评论 -
JavaScript基础学习 使用数组内置对象进行去重案例
JavaScript基础学习 使用数组内置对象进行去重案例<!DOCTYPE html><html> <head> <title>js开始学习</title> <script> console.log('------------------------------------------------'); // 数组去重(重点案例)原创 2021-12-12 19:24:48 · 349 阅读 · 0 评论 -
JavaScript基础学习 内置对象
JavaScript基础学习 内置对象Math使用Math产生随机数进行猜数游戏Math<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // 取绝对值 console.log(Math.abs(-125)); //125 console.log(Math.abs('-125')); //12原创 2021-12-11 21:27:17 · 436 阅读 · 0 评论 -
JavaScript基础学习 对象
JavaScript基础学习 对象对象概念对象案例对象概念<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // 1. 利用对象字面量创建对象{} // var obj ={}; //创建了一个空对象 // 方法冒号后面跟的是一个匿名函数 // 调用对象的属性的两种方法:原创 2021-12-11 17:00:39 · 233 阅读 · 0 评论 -
JavaScript基础学习 预解析
JavaScript基础学习 预解析预解析预解析案例预解析<!DOCTYPE html><html><head> <title>js开始学习</title> <script> //js引擎运行js 分为两步: 预解析 代码执行 //预解析 js引擎会把js里面所有的var还有function提升到当前作用域的最前面 // 代码执行 按照代书写的顺序从上原创 2021-12-11 11:31:25 · 292 阅读 · 0 评论 -
JavaScript基础学习 函数与return、arguments
JavaScript基础学习 函数与return、argumentsargumentsarguments案例<!DOCTYPE html><html><head> <title>js开始学习</title> <script> function getSum(num1, num2) { console.log(num1 + num2); }原创 2021-12-10 16:51:33 · 462 阅读 · 0 评论 -
JavaScript基础学习 数组
JavaScript基础学习 数组数组数组案例数组<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // var arr1 = [1, 2, 'zhangsan', true]; console.log(arr1); console.log(arr1[2]);原创 2021-12-09 20:22:45 · 247 阅读 · 0 评论 -
JavaScript基础学习 for循环
JavaScript基础学习 循环循环案例for 循环for 循环案例for 循环案例之求学生平均成绩循环案例<!DOCTYPE html><html><head> <title>js开始学习</title> <script> var time = prompt('请你输入现在的时间段'); if (time >= 0 && time <= 12)原创 2021-12-08 22:43:29 · 612 阅读 · 2 评论 -
JavaScript基础学习 逻辑运算符的使用
JavaScript基础学习 逻辑运算符的使用<!DOCTYPE html><html><head> <title>js开始学习</title> <script> // 用布尔值参与的逻辑运算 true && false =false 当有多个表达式的值,左边的表达式可以确定结果时,就不在继续运算右边的表达式的值 // 逻辑与短路运算 如果表达式1 结果为原创 2021-12-08 18:24:10 · 117 阅读 · 0 评论 -
JavaScript基础学习 数据类型的转换
JavaScript基础学习 数据类型的转换<!DOCTYPE html><html> <head> <title>js开始学习</title> <script> // 1 把数字型转换成字符串类型 变量.toString() var num = 10; console.log(num); var str原创 2021-12-07 22:44:11 · 307 阅读 · 0 评论 -
JavaScript基础学习 string与boolean
JavaScript基础学习 string与boolean<!DOCTYPE html><html> <head> <title>js开始学习</title> <script> // alert('酷热难耐,火辣的太阳底下,我挺拔的身姿,成为了最为独特的风景。\n我审视四周,这里,是我的舞台, 我就是天地间的王者。\n这一刻,我冲天,终于大喊一声:"收破烂啦~"。');原创 2021-12-07 20:58:44 · 286 阅读 · 0 评论 -
JavaScript基础学习 变量
JavaScript基础学习 变量<!DOCTYPE html><html> <head> <title>js开始学习</title> <script> var age = 18, number =100, height = 180; console.log('这里打印原创 2021-12-06 19:15:05 · 278 阅读 · 0 评论