小满blue-CSDN博客

<!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-11-02 20:46:31 340

原创案例----放大镜

1.html文件<!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-10-30 17:01:24 92

ES6统称2015年后JavaScript所有最新版本。1.let 和 const 关键字let和const不允许重复声明变量没有变量提升声明的变量会被所有代码块限制作用范围let和const区别： const只能赋值一次，这样的变量称为常量。2. 箭头函数（简化函数写法）语法： const fn=() => { }（1）特殊写法：当参数只有一个时，括号可不写。let fn=a => { }当函数体只有一行代码，...

2021-10-14 20:05:29 75

原创 JavaScript----函数补充，this关键字

1.函数（1）自执行函数函数的定义和执行同时进行语法： (function(){ console.log('执行代码') })()（2）arguments函数内置参数函数中内置的存储实参值的对象，是个伪数组。 function sum(){ var s=0 for(var i=0;i<arguments.length;i++){ va

2021-10-14 19:38:20 68

原创 JavaScript----事件（下）

1.事件的绑定方式（1）事件属性（DOM 0级写法） <button class="btn" onclick="myClick()">按钮</button> <script> function myClick(){ console.log('执行代码') } </script>（2）绑定事件（DOM 0级写法） <button class="btn"&.

2021-10-13 20:35:28 66

原创 JavaScript----JavaScript事件（上）

1.事件简介组成事件三部分：事件源：触发谁的事件事件类型事件处理函数：执行事件要做的事情2.事件对象event（1）创建：当触发一个事件时，会自动创建一个事件对象event（2）获取事件对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="

2021-10-12 19:58:13 59

原创 JavaScript----时间格式化处理

/**************************************时间格式化处理************************************/function dateFtt(fmt, date) { //author: meizz var o = { "M+": date.getMonth() + 1, //月份 "d+": date.getDate(), //日 "h+": date.getHours(), //小时 .

2021-10-12 19:29:44 59

原创 JavaScript----DOM文档对象模型（上）

1.document对象document属性：titledocument.title='内容' //设置title的内容示例：实现title变换效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met...

2021-10-12 19:21:57 52

原创 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"> <title&g...

2021-10-12 19:08:00 72

原创 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"> <title&g...

2021-10-12 18:58:40 555

原创 JavaScript----时间日期对象Date

1.创作方式构建函数方式创建： var date=new Date() //表示当前时间 var date=new Date('2021-10-5 10:55:34') //自己设置时间2.常用方法getFullYear() //获取到年getMonth() //获取到月份getDate() //获取到天getHourse() //获取到小时getMinutes() //获取到分钟getSec...

2021-10-05 20:47:01 252

空空如也

空空如也