- 博客(12)
- 资源 (2)
- 收藏
- 关注
原创 select选择框:获取所选择option的下标、值
<select id="theGrade" onchange='go_banid()'> <option value="1">一</option> <option value="2">二</option> <option value="3">三</option> </select> <script> function go_nianid() { var .
2022-03-17 11:20:33 1625 2
原创 一些方法:获取url中的参数/时间戳转日期/日期转时间戳
//获取url中的参数var id = getUrlParam("id");function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) { return decodeURI(r[2]);
2022-03-17 11:12:00 1763
原创 设置Cookie/使用Cookie
setCookie('id名自取', "", -1);getCookie(自取的id名)//设置cookiefunction setCookie(name, value, day) { var date = new Date(); date.setDate(date.getDate() + day); document.cookie = name + '=' + value + ';expires=' + date;};//获取cookiefunction getCoo
2022-03-17 11:08:07 2748
原创 jquery分页原理/数组分组
<!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>Doc
2022-03-17 11:00:54 358
原创 Javascript原生实现盒子/容器/div内(有边界)可拖拽可放大,不超出盒子/容器/div。
Javascript原生实现盒子/容器/div内(有边界)可拖拽可放大,不超出盒子/容器/div。<!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-
2021-09-09 18:12:44 1703
原创 jquery省市县三级联动
数据来源JS文件,因为json文件本地会有跨域问题var city_data = {"北京市":{ "北京市": [ "东城区", "西城区", "崇文区", "宣武区", "朝阳区", "丰台区",
2021-09-07 11:20:46 812
原创 移动端侧边菜单栏-Jquery
移动端侧边栏基于jquery- 目录 ![结构目录 icon图自行下载](https://img-blog.csdnimg.cn/17c201ef009d49eeba7ddc15490ac065.png#pic_center)- 效果- 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati
2021-08-26 10:59:43 785 1
原创 移动端rem布局,rem响应式布局,自适应手机。
1. 在每个html的head下写入 或者公共引入 <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' />2. js中写入 或者公共引入// rem响应式布局公式,375代表设计图纸是375宽 可自行随设计稿修改 (function (doc, win) { var docEl =
2021-08-25 15:57:53 244
原创 JQuery实现弹出框,并点击任意位置关闭。
H5部分<div class="code"></div>//需要点击的按钮或者什么都可以<div> <div class="qrcode"></div>//在需要弹出的东西上加类名 可在图片或者其他</div>JQuery部分// 点击弹出二维码$('.code').click(function () { console.log("a") $('.qrcode').toggle();});// 点击任意部分关闭
2021-07-30 18:20:59 1715
原创 CSS水平垂直居中问题总结
水平垂直居中问题1.已知大小的元素在屏幕窗口水平垂直都居中元素{width:value;height:value;position:fixed;left:50%;top:50%;margin-left:-width/2+“px”;margin-top:-height/2+“px”;}2.未知大小的元素在屏幕窗口水平垂直都居中元素{position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;}3.已知大小的子元素在父
2021-03-30 10:53:11 122
原创 前端:13个常见兼容
1.滚动条距离顶端的距离 (documentElement === html)var scroll_top = Math.floor(document.documentElement.scrollTop || document.body.scrollTop);2.滚动条距离左端的距离var scroll_left = Math.floor(document.documentElement.scrollLeft || document.body.scrollLeft);3.getElementsB
2021-03-30 10:30:43 583
原创 HTML5 file API加canvas实现图片前端JS压缩并上传
HTML5 file API加canvas实现图片前端JS压缩并上传- HTML代码<input id="file" type="file">- JS代码var eleFile = document.querySelector('#file');// 压缩图片需要的一些元素和对象var reader = new FileReader(), img = new Image();// 选择的文件对象var file = null;// 缩放图片需要的canvasvar c
2021-03-30 10:06:50 237 1
jquery省市县三级.rar
2021-09-07
移动端侧边菜单栏-Jquery
2021-08-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人