摘要:
判断鼠标往上还是往下滚动 html代码: <div class="div"> </div> css代码: .div{ position:absolute; width:100%; height:120%; border:1px red solid; } js代码: /IE CHORME/ docum 阅读全文
随笔档案-2016年06月
js 的点击事件
2016-06-28 10:30 by 改吧, 448 阅读, 收藏,
摘要:
<button id="btn">click</button> var btn=document.getElementById('btn'); 第一种: btn.onclick=function(){ alert('hello world'); } 消除事件:btn.onclick=null;//就 阅读全文
js改变css样式的三种方法
2016-06-28 10:09 by 改吧, 12353 阅读, 收藏,
摘要:
共用代码: <div id="div">this is a div</div> var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:250px;height:250px;border:1px re 阅读全文
flex的用途
2016-06-27 10:59 by 改吧, 695 阅读, 收藏,
摘要:
一、可以利用flex来布局一个div在另一个div里面水平垂直居中 如:html代码: <div class="container"> <div class="box"> </div> </div> css代码: .container{ width:600px; height:400px; bord 阅读全文
clip-path
2016-06-27 10:49 by 改吧, 326 阅读, 收藏,
摘要:
html代码: <div> <img src="BC0C62C1B1962A8A.jpg"> </div> css代码: img{ clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%); -webkit-clip-path: polygon(50% 0 阅读全文
json 对象 数组
2016-06-24 10:51 by 改吧, 783 阅读, 收藏,
摘要:
一、json写法以及获得其数据的方法 var jsons={ name:'wen', age:12, price:'qq' } console.log(typeof jsons);//object console.log(jsons.name);//wen 二、Array(也是数组) 创建数组方法1 阅读全文
BOM:浏览器对象模型
2016-06-21 11:09 by 改吧, 386 阅读, 收藏,
摘要:
一、window对象 1.window.screenLeft:你打开的这个浏览器窗口相对于屏幕的左边位置 2.window.screenTop:你打开的这个浏览器窗口相对于屏幕的上边位置 ps:当浏览器窗口铺满整个屏幕时 这两个值都为0 3.console.log(window.innerHeigh 阅读全文
递归函数
2016-06-17 11:03 by 改吧, 426 阅读, 收藏,
摘要:
递归函数: function factorical(num){ if(num<=1){ return 1; } else{ return num*factorical(num-1); } } factorial(2)//2 这个递归函数就是用函数来调用函数本身,但是这样真的好吗,好 接下来看这里 v 阅读全文
阻止冒泡行为和闭包
2016-06-16 16:00 by 改吧, 561 阅读, 收藏,
摘要:
阻止事件冒泡行为,要是不阻止的话,点击div的时候也会同时触发body事件 html代码 <body onclick='load()'> <div onclick='cli()'> click this </div></body> css代码 div{ width:200px; height:200 阅读全文
css的四种隐藏方式
2016-06-15 15:48 by 改吧, 802 阅读, 收藏,
摘要:
1.opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响 <div class="div1"> snda:opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响 </div> <p>ppskdkad</p> .div1{ opacity: 0; 阅读全文
字符串操作的相关方法
2016-06-15 10:28 by 改吧, 205 阅读, 收藏,
摘要:
var string='hello world'; console.log(string.charAt(3));//下标从0开始 var string1=string.concat('lww'); console.log(string1); var string2=string.concat('lw 阅读全文
something
2016-06-14 15:12 by 改吧, 160 阅读, 收藏,
摘要:
var colors=['red','green','yellow']; console.log(colors)//['red','green','yellow'] console.log(colors.toString());//red,green,yellow console.log(color 阅读全文
Date类型 方法
2016-06-14 10:53 by 改吧, 343 阅读, 收藏,
摘要:
Date 方法函数 Date.parse():可以获得该日期的毫秒数 var now=Date.parse('May 25,2005')//1085414400000 Date.UTC():也可以获得时间的毫秒数,但是里面的参数不同(2005,4,5)是代表2005年5月5号,月份的基数是0 var 阅读全文
迭代方法和归并函数
2016-06-14 09:47 by 改吧, 452 阅读, 收藏,
摘要:
every():对数组每一项都遍历,然后每一项都符合要求的话则返回true,否则就返回false some():对数组每一项都遍历,其中有一项符合要求则返回true,否则返回false filter():对数组的每一项都遍历,返回其中要求的元素组成的数组 map():对数组每一项都遍历并且运行给定的 阅读全文
js快速排序方法
2016-06-06 10:37 by 改吧, 401 阅读, 收藏,
摘要:
function quickSort(arr){ if(arr.length<=1){ return arr; } var arrIndex=Math.floor(arr.length/2); var x=arr.splice(arrIndex,1)[0]; var left=[]; var rig 阅读全文
reset
2016-06-03 10:53 by 改吧, 460 阅读, 收藏,
摘要:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i 阅读全文
水平垂直居中
2016-06-02 14:41 by 改吧, 389 阅读, 收藏,
摘要:
1.img在div里面水平垂直居中<div><img/></div> a.img设置成block,计算margin的值 b.div{width:200px;height:200px;display:table-cell;vertical-align:middle;text-align:center} 阅读全文
浙公网安备 33010602011771号