自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 选择器+节点属性操作代码

onscroll: 滚动事件,当网页撑出滚动条的时候,滑动滚动条触发事件 onresize: 窗口事件,当浏览器窗口大小改变时触发属性 innerwidth: 获取浏览器可见宽度 innerheight: 获取浏览器可见高度 短路运算符: var scrollTop=document.documentElement.scrollTop fn && fn() 节点: Dom中把网页结构进行形象化,是一种树型结构 属性: nodeName 节点名称 nodeType 节点类型 nodeValue

2022-04-12 20:21:14 276

原创 随机数+网页随机背景代码

随机数 网页随机背景代码

2022-04-08 22:09:08 344 2

原创 查询字符串转对象+对象转查询字符串

查询字符串转对象 对象查询转字符串

2022-04-08 22:06:35 310

原创 replace过滤+split切割字符串返回一个新数组代码

replace过滤 Document 过滤 split切割字符串并返回一个新数组

2022-04-08 22:04:05 169

原创 字符串创建+字符串方法

字符串创建 //字面量 //var str = ‘hello’ //构造函数 // var str = new String('hello') // console.log(str) // console.log(typeof str) /* 问题:字符串划分到基本数据类型里面的,字符串为什么又是一个对象类型呢? + 基本数据类型使用不了属性和方法 + 只有引用数据类型或者只有对象才有属性和方法可以使用

2022-04-08 22:01:12 155

原创 按钮排他思想代码

按钮1 按钮2 按钮3 按钮4 按钮5

2022-04-08 21:49:44 120

原创 多种数组去重代码

数组去重1 var arr=[‘a’,‘a’,‘a’,‘b’,‘c’,‘c’,‘b’,‘f’,‘g’,‘e’] for(let i=0;i<arr.length-1;i++){ for(let j=i+1;j<arr.length-1;j++){ if(arr[i]==arr[j]){ arr.splice(j,1) j-- } } }

2022-04-07 20:59:02 746 1

原创 isNaN+获取焦点与失去焦点

//isNaN() 判断非数字的,如果不是数字返回true,如果是数字返回false //注意点:isNaN()方法会进行隐式数据类型类型转换 // console.log(isNaN(10)) // console.log(isNaN(‘66’)) // console.log(isNaN(‘a’)) // console.log(isNaN(‘120px’)) // console.log(isNaN(‘哈哈’)) /* 获取表单的值 + 通过元素.value属性

2022-04-07 19:54:39 100

原创 冒泡排序+选择排序

冒泡排序 var arr = [10, 30, 5, 8, 9, 11] for (let i = 0; i < arr.length - 1; i++) { for (let j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j + 1]) { var hanshu = arr[j] arr[j] = arr[j + 1] arr[j + 1] = hanshu } } } console.log

2022-04-07 19:52:21 90

原创 ES5新增数组方法

//indexOf(data,start)接收两个参数:要查找的项和(可选的)表示查找起点位置的索引 //注意点1:如果起始查找位置给了负值,会转成倒数进行查找,还是按照正常的顺序进行查找。不建议给负值使用 //注意点:默认查找第一次在数组里面出现的位置,如果找到了就不会往下执行 //var arr = [‘a’, ‘a’, ‘a’, ‘c’, ‘d’, ‘f’, ‘e’, ‘a’] //这个方法的作用返回数组元素在数组中的具体位置 //注意点3:如果没有查找到返回的是一个-1 // var res = a

2022-04-07 19:51:53 158

原创 JSON问题和对象组合使用+对象赋值方式

JSON是JS对象的一种表示方式,和js对象写法一样 作用:用于前后端数据交换 JSON格式 var arr=’[“hi”,“哈哈”]’ 中括号外面单引号,里面双引号 var arr2=‘{“name”:“张三”} JSON.stringify()把JS转换成json格式 var data=JSON.stringify(括号里面放定义的数组名) JSON.parse()把json格式转为js对象 var res=JSON.parse(里面放定义的JSON格式名) 对象组合使用 对象赋值方法 ...

2022-04-06 20:43:01 1014

原创 数组问题代码

数组的概念 可以存储多个数据 构造函数形式,通过new和Array关键字创建的 通过函数构造了一个对象,构造函数其实是对象的一种创建方式这种方式是js提供好的可以直接使用 字面量[ ]使用中括号表示数组,其实是数组简写形式 数组下标:[0,1,2,…] 数组元素 把数组里面的数据称之为数组元素 逆序输出 for (var i=arr.lenght-1;i>0;i–) 反向输出 使用for in 遍历数组 for(var i in arr) 使用for in 遍历数组下标默认是字符串类型,forin 函

2022-04-06 20:26:47 72

原创 JS的基本概念和语法

一.Js的概念级组成 概念:Java script。基于事件对象驱动,具有相对安全的解释型客户端脚本语言 组成: Bom:浏览对象模型 Dom文档对象模型,对元素、属性、属性值进行操作 EcmAscript:ES核心语法 、变量、数据类型、流程控制等等。 *二.JS的三种引入方法 1.内嵌式 在body标签结束之前或者在head标签里面放入三.JS的四种输出方式 1.警告框 alertc(想要弹出的东西) 2.输入框 prompt(提示信息) 3.网页输出 可以识别标签 docment.writ

2022-04-06 16:41:31 946

原创 随机生成数据代码+随机生成颜色代码

<body> <div></div> //设置颜色用的盒子 <script> // 已知学生姓名字符串如下 // '雷雨朋,李嘉豪,周迎春,董平凯,帅佳君,真直,曾愉鸿,刘昕廿,候书涵,李颖,陈陶,武锐,谢良帆,游梦婷,龚金宝,王宇' // 写程序随机得到一个学生姓名输出到页面 var shuzu = '雷雨朋,李嘉豪

2022-03-17 20:07:00 249

原创 随机颜色+转16进制代码

元素一 ![在这里插入图片描述](https://img-blog.csdnimg.cn/8c2ff684ae564d3b86b685a20b9635d0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAamlhb3dvcWlhb2RhaW1h,size_20,color_FFFFFF,t_70,g_se,x_16)

2022-03-17 19:31:45 96

原创 统计字符串代码

类型题目 <!-- 1.统计字符串中不同字符的出现次数? 如: 'abcdefabcadefkmmkggcc' 'a'字符 出现 2次 'b'字符 出现 2次 'c'字符 出现 4次 'd'字符 出现 1次 'e'字符 出现 2次 ... 提示: 定义一个简单对象用于计数,对象属性表示字符,对象值表示次数 {a:2,b:2,c:4,d:1,e:2,...} obj.a = .

2022-03-17 11:39:44 128

原创 模板字符串代码

模板字符串将学生数组动态渲染成表格tabel形式显示到页面 <script> var students = [{ number: 1001, name: 'jack', score: 98, gender: '男' }, { number: 1002, name: 'rose',

2022-03-16 20:36:17 113

原创 简单对象代码

//创建三个学生对象,学号,姓名 ,性别,成绩 // var obj1 = { num: 1001, name: ‘jack’, sex: ‘男’, score: 98 } // var obj2 = { num: 1002, name: ‘rose’, sex: ‘女’, score: 95 } // var obj3 = { num: 1003, name: ‘lilei’, sex: ‘女’, score: 85 } // //存储到学生数组中 // var studentArray

2022-03-16 11:43:49 208

原创 简单对象相关的代码

1.简单对象含义和代码 2.内置对象的含义和代码 3.循环遍历简单对象

2022-03-16 11:14:02 113

原创 选择排序和冒泡排序的代码

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 选择排序和冒泡排序的代码 前言 —![在这里插入图片描述](https://img-blog.csdnimg.cn/3e2cdf8047cf4bf19772422e9343b2b8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAamlhb3dvcWlhb2RhaW1h,size_20,color_FFFFFF,t_70,g_se,x.

2022-03-16 11:00:28 510

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除