JavaScript入门
关注
分享
扫一扫
小满blue
这个作者很懒，什么都没留下…
展开
-
JS 面试整理
js面试整理原创 2023-05-22 15:08:13 · 648 阅读 · 0 评论 -
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=1.0"> <title>...原创 2021-11-02 20:46:31 · 369 阅读 · 0 评论 -
jQuery实现选项卡案例
11原创 2021-11-02 20:35:49 · 146 阅读 · 0 评论 -
js案例----本地持久化存储登录注册
本地持久化存储登录注册原创 2021-10-31 15:29:25 · 1481 阅读 · 9 评论 -
案例----放大镜
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 · 112 阅读 · 0 评论 -
JavaScript----ES6新特性
ES6统称2015年后JavaScript所有最新版本。1.let 和 const 关键字let和const不允许重复声明变量 没有变量提升 声明的变量会被所有代码块限制作用范围let和const区别： const只能赋值一次，这样的变量称为常量。2. 箭头函数（简化函数写法）语法： const fn=() => { }（1）特殊写法：当参数只有一个时，括号可不写。let fn=a => { }当函数体只有一行代码，...原创 2021-10-14 20:05:29 · 96 阅读 · 0 评论 -
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 · 98 阅读 · 0 评论 -
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 · 82 阅读 · 0 评论 -
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 · 80 阅读 · 0 评论 -
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 · 75 阅读 · 0 评论 -
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 · 66 阅读 · 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=device-width, initial-scale=1.0"> <title&g...原创 2021-10-12 19:08:00 · 89 阅读 · 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=device-width, initial-scale=1.0"> <title&g...原创 2021-10-12 18:58:40 · 605 阅读 · 0 评论 -
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 · 282 阅读 · 0 评论 -
JavaScript----数学属性Math
特点：Math.方法()1.常用方法随机数，返回0~1之间的数（不包含1）Math.random（）取整Math.round() 将小数四舍五入取整Math.ceil() 向上取整Math.floor() 向下取整绝对值Math.abs()最大最小值Math.max() 最大值Math.min() 最小值示例1：生成10000个随机数0~10，统计每个数出现的次数。 &l...原创 2021-10-05 11:29:39 · 146 阅读 · 0 评论 -
JavaScript----简答对象Object
1.访问属性对象.属性名 一般作为静态对象使用时来存取属性对象.[属性名] 动态存取属性时2.原创 2021-10-05 11:08:53 · 111 阅读 · 0 评论 -
JavaScript----字符串常用方法
1.charAt(索引号)返回索引号对应的字符2.indexOf('字符')返回字符对应的索引号；如果字符不存在，会返回-1.3.lastIndexOf('字符')从后往前找，返回字符对应的索引号4.subString(开始索引号，结束索引号)截取开始索引到结束索引之间的字符，不包括结束索引字符。substring(开始字符)截取开始索引字符到最后的所有的字符5.substr(开始索引，字符个数)返回截取的子字符串6.split('用于原创 2021-10-05 10:22:23 · 173 阅读 · 0 评论 -
JavaScript----数组去重
1.indexOf方法实现indexOf获取到数组元素下标，如果元素不存在，则会返回-1思路：定义一个空数组，用来存放不重复的元素；循环遍历原数组，判断心数组里面是否有原数组元素，如果没有，存放入新数组中。 <script> var newArr = [] //定义一个空数组，用来存放不重复的数 var arr = [34, 85, 67, 80, 80, 34, 34, 80, 99] for (var i = 0; i原创 2021-10-04 11:14:43 · 88 阅读 · 0 评论 -
JavaScript----数组的冒泡排序和选择排序
1.冒泡排序基本思想：比较相邻的元素，如果第一个比第二个大，则交换位置，对没对相邻元素做同样的工作，从开始第一对到结尾的最后一对，以此类推，最后会按从小到大排好序。 <script> var arr=[57,98,67,86,85] var n=arr.length //外层循环，冒泡次数 for(var i=0;i<n-1;i++){ //内循环比较相邻元素，如果第一个比第二个大，原创 2021-10-04 11:00:53 · 155 阅读 · 0 评论 -
JavaScript----数组常用遍历方法
1.forEach和 for 循环一个作用，就是用来遍历数组的语法：arr.forEach(function (item, index, arr) {})数组的长度是多少，这个函数就执行多少次var arr=[1,2,3]//使用forEach遍历数组arr.forEach(function (item,index,arr){ //item就是数组的每一项 //index就是数组的索引 //arr就是原数组 console,log('数组的第 '+i原创 2021-10-04 10:49:59 · 189 阅读 · 0 评论 -
JavaScript----数组的常用方法
1.push用来在数组末尾添加一个元素var arr=[1,2,3]arr.push(4)console.log(arr) //打印出[1,2,3,4]2.pop用来删除数组末尾元素var arr=[1,2,3]arr.pop()console.log(arr) //打印[1,2]3.unshift在数组的最前面添加一个元素var arr=[1,2,3]arr.unshift(4)console.log(arr) //打印出[.原创 2021-09-28 20:39:09 · 165 阅读 · 0 评论 -
JavaScript----内存结构图
栈区域存储基本数据类型变量和引用变量，对象存储在堆区域如图：原创 2021-09-26 20:08:39 · 318 阅读 · 0 评论 -
JavaScript----递归函数
函数调用语句一般写在函数体外面，但如果将函数调用语句写在函数体中，也就是在一个函数内部，调用自己，这种函数称为递归函数。递归函数一定要有结束的条件，否则会形成死递归！！！案例一：使用递归函数实现累乘<script> function cheng(n){ if(n===1){ return 1 } return s=cheng(n-1)*n } var i=cheng(3) ..原创 2021-09-26 19:44:36 · 154 阅读 · 0 评论 -
JavaScript----函数（下）
1.变量作用域变量可以访问的范围。分为全局作用域和局部作用域。全局作用域，在全局作用域中定义的变量可以在任何地方使用 局部作用域，在局部作用域中定义的变量只能在这个局部作用域内部使用<script> //全局作用域，在全局作用域中定义的变量可以在任何地方使用 var a=100 function fn(){ //局部作用域，只能在函数里面使用 var b=200 }</script>2.变量..原创 2021-09-26 11:51:13 · 62 阅读 · 0 评论 -
JavaScript----案例（3）斐波那契Fibonacci数列
案例（3）：斐波那契Fibonacci数列:1,1,2，3，5,8,13...前两项都是1，后面项等于前两项之和显示前n个斐波那契Fibonacci数列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me...原创 2021-09-25 16:40:04 · 234 阅读 · 0 评论 -
JavaScript----案例（2）百元买百鸡
案例（2）：百元买百鸡:用一百元钱买一百只鸡。已知公鸡5元/只,母鸡3元/只,小鸡1元/3只。求公鸡、母鸡、小鸡各多少只?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=原创 2021-09-25 16:37:18 · 564 阅读 · 0 评论 -
JavaScript--案例（1）水仙花数
案例（1）：水仙花数是三位数并且个、十、百位数立方和等于它本身。比如: 371==3*3*3+7*7*7+1*1*1 求所有水仙花数?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I...原创 2021-09-25 16:34:47 · 169 阅读 · 0 评论 -
JavaScript----函数
1.函数介绍函数概念：封装具有特定功能的代码，需要用的时候进行调用语法：//定义一个函数function函数名(){//封装的代码}//调用函数语句函数名()2.函数参数语法：function 函数名(形参1，形参2，...){ //函数体}函数名（实参1，实参2，...）形参：就是在函数内部可以使用的变量，在函数外...原创 2021-09-25 16:27:27 · 77 阅读 · 0 评论 -
JavaScript----双重for循环
外层循环一次，内层要循环完打印图形案例 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=.原创 2021-09-23 20:56:24 · 1026 阅读 · 0 评论 -
JavaScript----循环结构
1.while循环语法：while(条件){ //循环体}注意：循环体要有改变循环条件的语句，否则将陷入死循环！！！示例：<script> // 正序输出1到10的数 var num=1 while (num<=10) { console.log(num) num++ }</script>2. do-while循环语法：do{ //循环体}while(条件)原创 2021-09-23 20:51:18 · 93 阅读 · 0 评论 -
JavaScript----自增自减运算
a++/a--++、-- 在后面表示：先进行运算，再自己的值+1/-1例：b=a++ 表示 b=a，a=a+1++a/--a++、-- 在前面表示：先自己的值+1/-1，再进行运算例：b=++a 表示 a=a+1，b=a原创 2021-09-22 20:08:58 · 97 阅读 · 0 评论 -
JavaScript----基本数据类型、判断数据类型、及其转换
一、基本数据类型（1）数值类型（number类型） 例：var a=10（数字） var a=NaN(一个非数字)（2）字符串类型（string类型） 例：var b='你好，我是' （用单引号引起来）（3）布尔类型（boolean类型） 例：var isGril=true/false (只有true和false两个值)（4）未定义类型（undefined类型） 例：var c（5）空类...原创 2021-09-22 19:49:58 · 174 阅读 · 0 评论