hasnum-优快云博客

转载获取地址栏id的参数

截取urlfunction getUrlParam (name) {var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if (r != nu...

2019-03-21 22:27:51 1089

原创关于css3动画

**动画部分animation: name duration timing-function delay iteration-count direction;animation-name:规定需要绑定到选择器的 keyframe 名称。animation-duration:规定完成动画所花费的时间，以秒或毫秒计。animation-timing-function:规定动画的速度曲线。an...

2019-03-01 19:23:14 158

原创 js获取html元素

js获取class为box,id为test的div标签元素三种方式<div class="box" id="test"></div>1-document.getElementById('test');返回对拥有指定 id 的第一个对象的引用。(id相同则返回第一个)2-document.getElementsByTagName('div');返回带有指定名称的...

2019-02-18 15:46:56 400

原创使用原生js,addEventListener,给每个li绑定一个click事件,输出他们的顺序

点击事件在循环后产生，此时i为4，产生闭包解决方案使用立即执行函数、html部分 <ul> <li>a</li> <li>a</li> <li>a</li> <li>a</li> </ul&

2019-02-17 15:18:53 4289 1

原创 parseInt(demo,radix)、 toString(radix)相关问题

parseInt(demo,radix)"123.9" -> 123true、false -> NaN123.9 -> 123parseInt(demo,radix) 以radix进制为基地把demo转换为10进制parseInt(10,16) 把10当成16进制转换成10进制"100px" -> 100 .toString() -> ""数字...

2019-01-07 23:29:12 317

原创 checked改变样式

input[type=“checkbox”] {appearance: none;-webkit-appearance: none;outline: none;display: none;vertical-align:middle;}input[type=“checkbox”] + i{display: inline-block;width: 0.14rem;height:0....

2018-12-28 18:04:43 1003

转载盒模型margin共享问题

所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。...

2018-12-28 16:00:40 523

转载 localStorage的使用

window.onload = function(){ if (!window.localStorage) { alert("浏览器不知道localStorage"); return false; }else { var storage = window.localStorage; var arr=[1,3,45,6,3] var ddd = JSON.stringify(...

2018-12-26 16:26:05 140

z2h