- 博客(16)
- 收藏
- 关注
原创 JS生成条形码
JS生成条形码效果图实现代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" /> <title></title> <scr
2021-05-24 14:49:41
452
原创 JS生成二维码
JS生成二维码效果图实现代码<!doctype html><html> <head> <title>qrcode</title> <style type="text/css"> </style> </head> <body> <input type="text" oninput="change(event)"&
2021-05-24 14:46:19
225
原创 jQuery之轮播图实现
jQuery之轮播图实现实现效果实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <script src="./pu
2021-01-19 14:43:49
322
1
原创 JavaScript中var,let,const的区别
JavaScript中var,let,const的区别在javascript中有三种声明变量的方式:var let const。var由于变量声明(以及其他声明)总是在任意代码执行之前处理的,所以在代码中的任意位置声明变量总是等效于在代码开头声明。这意味着变量可以在声明之前使用,这个行为叫做“hoisting”。“hoisting”就像是把所有的变量声明移动到函数或者全 局代码的开头位置。...
2020-01-13 10:05:40
143
原创 JavaScript之getComputedStyle()
JavaScript之getComputedStyle()getComputedStyle() 方法用于获取指定元素的 CSS 样式。首先是有两个参数,元素和伪类。第二个参数不是必须的,当不查询伪类元素的时候可以忽略或者传入 null。使用示例:<style> #elem-container { width: 300px; height: 300...
2020-01-10 17:11:50
395
原创 JavaScript改变this指向的三种方法
JavaScript改变this指向的三种方法每个Function构造函数的原型prototype, 都有方法call(), apply(), bind()1. call() 方法var Person = { name: "zhangsan", age: 19}function aa(x, y) { console.log(x + "," + y); ...
2020-01-10 10:28:09
9882
原创 JavaScript实现数组去重
JavaScript实现数组去重push作用:在数组的尾部添加参数:要添加的数据,可以传入多个值返回值:添加后 数组的长度特点:会改变原来的数组var array = [1, 1, '1', '1'];function unique(array) { // res用来存储结果 var res = []; for (var i = 0, arrayLen = a...
2020-01-10 10:16:34
137
原创 input的type类型
input的type类型值描述button定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)checkbox定义复选框colorNew定义拾色器dateNew定义 date 控件(包括年、月、日,不包括时间)datetimeNew定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)...
2020-01-09 16:35:53
278
原创 CSS的display 属性
CSS的display 属性布局1.block:块级元素,占领一整行,可以设置width、height、margin、padding2.inline:行内元素,不占领一行,不可以设置width、height、只能设置左右的margin和padding,上下的margin和padding是不可以设置的3.inline-block:像inline一样放置(比如和它相邻的元素处在同一行),像...
2020-01-09 16:07:56
300
原创 CSS position 属性值
CSS position 属性值1,static(默认)当你没有为一个元素(例如div)指定定位方式时,默认为static,也就是按照文档的流式(flow)定位,将元素放到一个合适的地方。所以在不同的分辨率下,采用流式定位能很好的自适应,取得相对较好的布局效果。一般来说,我们不需要指明当前元素的定位方式是static——因为这是默认的定位方式。除非你想覆盖从父元素继承来的定位系统。left...
2020-01-09 15:45:19
214
原创 常见的鼠标事件
常见的鼠标事件click:单击事件dblclick:双击事件mousedown:按下鼠标键时触发mouseup:释放按下的鼠标键时触发mousemove:鼠标移动事件mouseover:移入事件mouseout:移出事件mouseenter:移入事件mouseleave:移出事件contextmenu:右键事件mouseover事件和mouseenter事件,都是鼠标进入一个...
2020-01-09 13:55:31
2426
原创 JavaScript实现搜索功能
JavaScript实现搜索功能实现效果代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>搜索功能实现</title> <style type="text/css"> *{ margin: 0; ...
2020-01-09 11:52:12
10583
原创 JavaScript实现自动轮播
JavaScript实现自动轮播实现效果代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图</title> <style> *{ padding:0; ...
2020-01-09 11:43:54
525
原创 JS数组中shift()和push(),unshift()和pop()使用方法
JS数组中shift()和push(),unshift()和pop()使用方法JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)一样操作。这也是JavaScript数组强大的可操作性的体现。Javascript为数组专门提供了push和pop()方法,以便实现类似栈的行为。来看下面的例子:va...
2020-01-08 15:55:44
470
原创 JavaScript实现tab切换
JavaScript实现table切换实现效果代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>tab点击切换</title> <style type="text/css"> *{ margin: 0;...
2020-01-08 15:39:17
774
原创 javaScript之split与join的区别
javaScript之split与join的区别共同点:split与join函数通常都是对字符或字符串的操作;两者的区别:(1)split(a,b)方法:用于把一个字符串分割成字符串数组. a是必须的,决定个从a这里开始分割。b不是必须的,可选。该参数可指定返回的数组的最大长度 。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的...
2020-01-08 15:14:19
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人