menu 维洛BLOG
2023年7月
JavaScript 获取当前链接中的查询参数并解码输出到文本框中
2023-07-31 |0 条评论
// 获取当前链接中的查询参数 const params = new URLSearchParams(window.location.search); // 将查询参数解码并输...
Note Anywhere - 为网页添加便签笔记
2023-07-30 |0 条评论
Note Anywhere是一款chrome浏览器中的便签插件,用户可以在任意的网页中添加一个便签,保存自己需要记录的笔记可以在任何网页,任何位置做笔记。当你再次打开那一页时,笔记就会自动载入。...
JavaScript 循环语句for实现计算1~100的和,1000以内的奇数,九九乘法表
2023-07-30 |0 条评论
// 循环输出1~100之间的数字的和 var sum = 0; for(var i = 0; i <= 100; i++){ sum += i; // cons...
JavaScript 循环语句for
2023-07-29 |0 条评论
for(var i = 1; i <= 100; i++){ console.log(i); }; var x = 10; for(var i = 1; i < 10;...
JavaScript 三元运算符
2023-07-29 |0 条评论
判断偶数奇数判断num的数值是否大于1结果为true执行?后面的代码,结果为false执行:后面的代码var num = 4; num > 1 ? alert("是的,num大...
JavaScript 条件语句Switch
2023-07-29 |0 条评论
var day = 3; switch(day){ case 0: alert("星期1"); break; case 1: ...
JavaScript 条件语句if多判断条件
2023-07-29 |0 条评论
//是否判断 var flag = false; if(flag){ alert("flag为true"); }else{ alert("fl...
JavaScript 条件语句if
2023-07-29 |0 条评论
var flag = false; if(flag){ //flag中为true则执行下面的事件,为false则不执行 alert("执行了事件,flag为true...
JavaScript 布尔运算符
2023-07-29 |0 条评论
var flag = true; var fff = false; //布尔值取反 // true变false // false变true console.log(!flag); conso...
JavaScript 比较运算符
2023-07-29 |0 条评论
var num1 = 10;var num2 = 20;var num3 = "10";// num1是否大于num2console.log(num1 > num2);//false//比...
JavaScript 赋值运算符
2023-07-29 |0 条评论
//赋值运算符var num1 = 1000;var num2 = num1;console.log(num2);//1000var x = 10;var y = 10;console.log(...
JavaScript 运算符
2023-07-29 |0 条评论
var num1 = 100;var num2 = 10;//加减乘除console.log(num1 + num2);//110console.log(num1 - num2);//90con...
JavaScript 判断数据类型typeof
2023-07-29 |0 条评论
var age = 20;var name = "sdhff"var flag = true;var user = {};// typeof:判断基本数据类型console.log(typeof...
css Sprite/精灵图/雪碧图
2023-07-29 |0 条评论
通过background-image添加元素背景图片,通过background-position把背景图片移动到需要的位置<!DOCTYPE html> <html lang=...
css3 媒体查询,根据屏幕大小设置不同的css样式
2023-07-29 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
css3 渐变元素透明度实现呼吸效果动画
2023-07-29 |0 条评论
div{ /*元素宽度*/ width:500px; /*元素高度*/ height:500px; ...
css3 元素背景色和宽度渐变动画
2023-07-29 |0 条评论
参数效果源码div{ width:500px; height:500px; background-color:blueviolet; ...
css3 圆角,圆形,阴影效果
2023-07-29 |0 条评论
圆角按需设置值 border-radius: 100px; 改成100%变成圆 border-radius: 100%; 设置两个角的值 border-radius: ...
css 相对定位,绝对定位,固定定位
2023-07-29 |0 条评论
relative相对定位只有一个层,不会与同相对定位的元素覆盖随滑动网页移动位置.ssw{ width: 500px; height: 200px; background...
css 清除浮动
2023-07-29 |0 条评论
容器高度为0灰色盒子没有设置高度导致元素不显示添加高度后显示删除高度,给容器添加css overflow: hidden; clear:both;高度为子元素的高度clear:bo...
css 弹性盒子模型,子元素在父容器中的位置,对齐方式,分配子元素空间
2023-07-29 |0 条评论
开启弹性盒子开启弹性盒子,子元素默认水平排序display:flex; 指定弹性子元素在父容器中的位置指定弹性子元素在父容器中的位置row:默认排序,左到右,横向从左到右row-reverse:...
css 内边距,外边距,边框
2023-07-29 |0 条评论
/* padding 内边距:只有一个值是每个边的边距都是一样 两个值:第一个是上下边距,第二个是左右边距 三个值:第三个是设置下边距 四个值:每个边的边距 */ padding:50px 10...
css 表格属性,边框样式,折叠边框,表格高度宽度,文字对齐,单元格背景色,文字颜色
2023-07-29 |0 条评论
边框样式线的粗细,实线,线的颜色给表格加边框线table{ border:1px solid red; } 给表格和单元格加边框线table,td{ border:1px so...
css 文本属性,对齐方式,修饰,大小写,缩进
2023-07-29 |0 条评论
指定元素文本的水平对齐方式text-align:left;左边,默认值:left;右边:right中间:center文字添加文本修饰:上划线,下划线,删除线删除线text-decoration:...
css 背景属性,背景颜色,背景图片,平铺图片,图片大小,起始位置
2023-07-29 |0 条评论
背景颜色background-color:aqua; 背景图片background-image:url("https://xn--xu0a.cn/api/sj"); 如何平铺...
css 字体属性,颜色,大小,粗细,样式,字体
2023-07-29 |0 条评论
字体颜色color:red;color:#0000ff;color:rgb(255,0,0);color:rgb(255,0,0,.5);字体大小字体最小12pxfont-size:16px;f...
html5 新增标签
2023-07-29 |0 条评论
html//头部 <div id="header"></div> //导航 <div id="nav"></di...
Windows 批处理脚本bat实现批量创建文件
2023-07-28 |0 条评论
@echo off setlocal enabledelayedexpansion set "folder=C:\example" REM 替换成您需要创建文件的文件夹路...
html 合并表格单元格colspan和rowspan
2023-07-28 |0 条评论
操作示例左右单元格合并:要合并1和2,在文字1的 td 后面输入 colspan="2" 然后删除文字2的元素标签上下单元格合并:要合并18和24,在文字18的 td 后面输入 rowspan=...
html 快捷生成表格table元素
2023-07-28 |0 条评论
组成表格:<table> 行:<tr></tr> 列(单元格):<td></td> 快捷生成表格元素快捷生成6...
html 快捷创建标签元素,ol有序列表,ul无序列表样式示例
2023-07-28 |0 条评论
快捷创建列表元素输入ul>li*3按回车键后生成,元素名和数量根据需要修改快捷创建标题元素创建标题元素:h$*6按回车键后生成,6按需修改快捷创建段落标签输入p*6按回车键后生成,元素名和...
JavaScript 留言板示例
2023-07-28 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript hitory对象,前进/后退页面
2023-07-27 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript location对象和URL
2023-07-27 |0 条评论
URL控制台输入:location查看当前网址属性location<!DOCTYPE html> <html lang="zh"> <head&...
JavaScript 高级滚动轮播图
2023-07-26 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 简单滚动轮播图
2023-07-26 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 封装动画函数
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 多属性运动
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 步标整除方法
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 定时器实现元素一直向右移动并在指定位置停止
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 定时器实现元素一直向右移动及停止
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 定时器实现让元素一直向右移动
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 定时器的设置与清除
2023-07-25 |0 条评论
一<!DOCTYPE html> <html lang="en"> <head> <meta charset="U...
JavaScript 延时器实现点击按钮后间隔两秒后才能点击
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 延时器的设置与清除
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 警告框,对话框,确认框
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 登录框,弹出层
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 拖拽事件
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 阻止元素默认行为和事件冒泡
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 图片跟随鼠标移动效果
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 事件对象
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
css 判断浏览器是否为纵向/竖屏设置背景图片
2023-07-23 |0 条评论
body { background-image: url('https://xn--xu0a.cn/api/dn'); background-size...
JavaScript 每隔几秒自动切换背景图片
2023-07-23 |0 条评论
html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti...
JavaScript 事件冒泡应用,事件委托
2023-07-23 |0 条评论
利用事件冒泡,将子级的事件委托给父级加载利用事件函数中 e 参数,内部存储的是事件对象<!DOCTYPE html> <html lang="en">...
JavaScript DOM事件流
2023-07-22 |0 条评论
简介false是冒泡过程,true是捕获过程默认值是false从内往外执行<!DOCTYPE html> <html lang="en"> <h...
JavaScript 调用函数实现获取元素id,绑定,解绑事件
2023-07-22 |0 条评论
获取元素ID//获取元素ID function my$(id){return document.getElementById(id)}; 获取元素ID,调用示例//双引号内填写元素id ...
JavaScript 按钮绑定多个事件和解绑事件
2023-07-22 |0 条评论
不兼容IE9以下<!DOCTYPE html> <html lang="en"> <head> <meta charset=...
JavaScript 选择选项移动到另一元素内,全选,单选
2023-07-22 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 动态创建表格
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 动态创建列表
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 判断节点
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 克隆节点
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 创建节点
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
CSS 提示框样式示例
2023-07-21 |0 条评论
html<div class="tooltip">这是默认提示框</div> css.tooltip { position: absolute;...
JavaScript 兄弟节点
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 父子节点隔行变色
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 更改元素id和nodeValue
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 节点属性,添加/移除元素,获取子元素节点
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript tab选项卡切换
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 表格隔行变色和高亮显示鼠标所在行
2023-07-19 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 点击按钮更改元素的大小和位置
2023-07-19 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 文本框高亮显示当前文本框
2023-07-19 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 鼠标悬停在小图片上显示隐藏大图片示例
2023-07-19 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 开灯关灯示例
2023-07-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 样式属性更改和简化获取元素
2023-07-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 获取属性值,更改属性值,设置新属性和值,移除属性
2023-07-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
简体字繁体字有哪些
2023-07-18 |0 条评论
简体字啊阿埃挨哎唉哀皑癌蔼矮艾碍爱隘鞍氨安俺按暗岸胺案肮昂盎凹敖熬翱袄傲奥懊澳芭捌扒叭吧笆八疤巴拔跋靶把耙坝霸罢爸白柏百摆佰败拜稗斑班搬扳般颁板版扮拌伴瓣半办绊邦帮梆榜膀绑棒磅蚌镑傍谤苞胞包褒剥...
手机号名片,二维码内容示例
2023-07-18 |0 条评论
MECARD:N: 姓名;TEL:电话;NOTE:备注;
HTML 转义字符对照表
2023-07-18 |0 条评论
字符 十进制 转义字符 ...
JavaScript 生成wifi二维码
2023-07-18 |0 条评论
html<script src="https://cdn.staticfile.org/qrcodejs/1.0.0/qrcode.min.js"></sc...
JavaScript 判断多个文本框是否为空
2023-07-18 |0 条评论
function wbk(){ const input0 = document.getElementById('input0').value; const input1 = docume...
JavaScript 判断文本框是否包含中文字符和指定字符
2023-07-18 |0 条评论
var kw = document.getElementById("输入框id").value; if (/[-\u4E00-\u9FA5]/.test(kw) &am...
JavaScript 引用qrcode生成二维码
2023-07-17 |0 条评论
html<script src="https://cdn.staticfile.org/qrcodejs/1.0.0/qrcode.min.js"></sc...
JavaScript 判断文本框内容是否为数字
2023-07-16 |0 条评论
html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti...
Javascript 判断文本框是否为空
2023-07-16 |0 条评论
var input = document.getElementById("文本框id"); if (input.value == null || input.value.l...
JavaScript 全选和反选
2023-07-16 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 文本框获得焦点与失去焦点事件
2023-07-15 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 点击按钮随机选择一个选项
2023-07-15 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 拼接字符串语法示例
2023-07-15 |0 条评论
const v = "hello"; const n = 22222222; console.log('你好:'+v+'数字:'+n); console.log(`你好:${...
Windows 10/11切换桌面快捷键
2023-07-15 |0 条评论
Windows 10/11切换桌面快捷键:桌面间切换:用快捷键 Win+Ctrl+左右箭头快速切换桌面;创建新的桌面:用快捷键 Win+Ctrl+D 创建新的桌面;关闭当前桌面:用快捷键 Win...
JavaScript 检测输入框内容是否为指定位数
2023-07-14 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript innerHTML和innerText
2023-07-13 |0 条评论
输出属性<!DOCTYPE html> <html lang="zh"> <head> <meta charset=&quo...
JavaScript 循环切换多个图片
2023-07-13 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 点击按钮显示或隐藏元素
2023-07-13 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 点击按钮循环切换图片
2023-07-13 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
javascript 非表单元素属性操作
2023-07-13 |0 条评论
获取元素内属性值<!DOCTYPE html> <html lang="zh"> <head> <meta charset=...
应用程序文件夹名称
2023-07-13 |0 条评论
酷狗音乐 KuGou驱动人生 DTLFolder驱动人生残留文件 DTLSoft驱动之家 MyDrivers米卓投屏 Mirroid电脑管家下载缓存 QMDownload软件默认安装目录 Pro...
Windows 查看最近打开的文件
2023-07-13 |0 条评论
Win+R打开运行,输入Recent
安卓QQ微信文件缓存路径
2023-07-13 |0 条评论
QQQQ聊天图片缓存/storage/emulated/0/Android/data/com.tencent.mobileqq/Tencent/MobileQQ/chatpic/chatimgQ...
浏览器输入框历史记录/填充表单数据清除
2023-07-12 |0 条评论
鼠标移到要删除的那条记录,按Shift+Delete历史记录多则使用浏览器的清除缓存数据,快捷键Ctrl+Shift+Delete
JavaScript Array创建数组对象
2023-07-07 |0 条评论
var arr = new Array(); var arr2 = new Array(1,2,3); var arr3 = new Array(2,3); console.log...
Read Aloud 文本朗读工具
2023-07-07 |0 条评论
Read Aloud 是一款免费的文本朗读工具。基于Microsoft Edge浏览器的大声朗读功能点击下载
JavaScript 引用qrcodejs生成二维码
2023-07-06 |0 条评论
<!DOCTYPE html> <html> <head> <title>生成二维码</title> <script s...
JavaScript Math.random()输出随机整数
2023-07-06 |0 条评论
function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math....
JavaScript 自定义构造函数创建对象
2023-07-05 |0 条评论
function Person(name,age,sex){ this.name = name; this.age = age; this.s...
扫一扫连接WIFi,二维码内容示例
2023-07-03 |0 条评论
WIFI:S:名称;T:WPA;P:密码;
JavaScript 工厂函数方法创建对象
2023-07-02 |0 条评论
function createPerson(name,age,sex){ var person = new Object(); person.name = name; ...
JavaScript 对象创建,调用,更改,删除
2023-07-02 |0 条评论
一 // 创建对象 var personl = { name : "名字", age : 18, sex : ...
JavaScript IIfe 自调用函数
2023-07-01 |0 条评论
//关键词定义的方式,不能立即执行。/* function fun(){ console.log(1); }(); */ //函数表达式方式,可在...
加载中... 到底了啦
加载更多