![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
代码库
四月四日梦
一个爱记笔记的小学生
展开
-
逐渐透明到隐藏
转载 2018-10-28 23:01:07 · 309 阅读 · 0 评论 -
获取url里面的值----字符串分割
function getPathNmaeValue(url,name) { var index = url.indexOf("?"); var keyStr = url.substring(index+1); var keyArr = keyStr.split("&"); for (var i=0; i <keyArr.length;i++) {...转载 2018-10-30 22:43:28 · 864 阅读 · 0 评论 -
输入的是否是中文名字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script src="jquery-1.12.1.js"><转载 2018-10-30 22:42:36 · 187 阅读 · 0 评论 -
JS读取文件-上传文件预览
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文件读取</title></head><body> <input转载 2018-10-30 22:41:51 · 2661 阅读 · 0 评论 -
收集的原生JS兼容性的写法-----【持续更新】
var my$={ //window.event和事件对象e的兼容 getEvent:function (e) { return window.event || e; }, //可视化区域的横坐标的兼容代码 getClientX:function (e) { return this.getEvent(e).clie...转载 2018-10-30 22:40:25 · 145 阅读 · 0 评论 -
获取鼠标坐标
event = event || window.event; var pagex = event.pageX || scroll().left + event.clientX; var pagey = event.pageY || scroll().top + event.clientY;转载 2018-10-30 22:27:29 · 129 阅读 · 0 评论 -
原生JS绑定为同一元素多个事件
var btn=document.getElementById("btn");btn.onclick=f1;btn.onmouseover=f1;btn.onmouseout=f1;function f1(e) { switch (e.type) { case "click": console.log("click触发"); break; ...转载 2018-10-30 22:26:22 · 1256 阅读 · 0 评论 -
sort 排序方法及底层实现原理
转载 2018-10-25 23:36:08 · 4252 阅读 · 0 评论 -
js 时钟
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>我的时钟</title> <script src="js/技能训练4-5JS.js">&am转载 2018-10-25 23:33:02 · 932 阅读 · 0 评论 -
封装多参数的缓冲动画(可以传多个需要进行动画的类型并且还可以调用一个回调函数)
//参数变为3个function animate(ele,json,fn){ //先清定时器 clearInterval(ele.timer); ele.timer = setInterval(function () { //开闭原则 var bool = true; //遍历属性和值,分别单独处理json ...转载 2018-10-28 23:26:27 · 178 阅读 · 0 评论 -
兼容 获取屏幕可视区域的宽高
//获取屏幕可视区域的宽高function client(){ if(window.innerHeight !== undefined){ return { "width": window.innerWidth, "height": window.innerHeight } }else if(docu...转载 2018-10-28 23:23:26 · 681 阅读 · 0 评论 -
模拟滚动条
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;转载 2018-10-28 23:18:50 · 406 阅读 · 0 评论 -
放大镜
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;转载 2018-10-28 23:17:35 · 316 阅读 · 0 评论 -
封装一个兼容的scroll(),获得浏览器的scrollTop和scrollLeft
<script> //需求:封装一个兼容的scroll().返回值是对象,用scroll().left获取scrollLeft window.onscroll = function () { console.log(scroll().top); console.log(scroll().left); ...转载 2018-10-28 23:11:19 · 407 阅读 · 0 评论 -
中国城市三级联动数据
var cityData = [{ value: '110000', text: '北京市', children: [{ value: "110101", text: "北京市", children: [{ value: "110101", text: "东城区" ...转载 2018-10-30 22:45:24 · 5896 阅读 · 2 评论