- 博客(24)
- 收藏
- 关注
原创 自定义事件
bindEvent(oSpan , 'hide',function(){ alert(5); }); fireEvent(oSpan , 'show'); //3 , 4 };function bindEvent(obj,events,fn){ //obj : 楼层 //...
2015-08-29 19:12:00 42
原创 弹窗组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margi...
2015-08-29 17:29:00 63
原创 九宫格照片墙
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/move.js">...
2015-08-29 00:30:00 144
原创 2个元素碰撞检测
function fn(obj1, obj2) { var L1 = obj1.offsetLeft; var R1 = obj1.offsetLeft + obj1.offsetWidth; var T1 = obj1.offsetTop; var B1 = obj1...
2015-08-28 22:51:00 101
原创 图片放大镜
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #imgBox{wi...
2015-08-28 19:48:00 37
原创 Iframe知识点
var oIframe=document.getElementById('iframe1'); 获取iframe对象; oIframe.contentWindow.// iframe 里的window对象 oIframe.contentDocument.//ifram里的document对象从iframe里操作父层页面的元素; window.parent....
2015-08-28 17:35:00 81
原创 函数声明,表达式,闭包
函数声明和函数表达式函数声明:function functionName(){.....};函数表达式:function 函数名(可写可不写)(){...};根据上下文来判断是否是函数表达式var a=fucntion aaa(){....} 命名函数表达式var a=function (){.....}//匿名函数表达式(function(){.....})//...
2015-08-28 15:44:00 53
原创 DOM优化
DOM优化1.在使用innerHtml的时候,最好在循环内部使用变量把字符串加起来,然后在循环外部赋给DOM2.在数据量大的时候appendChild比innerHtml的速度要快减少DOM操作节点克隆--cloneNode访问元素集合的时候:尽量使用局部变量。var i=0,len=aLi.length;i<len;i++元素节点--尽量用只获...
2015-08-28 14:34:00 64
原创 鼠标滚轮事件
window.onload=function(){ var oDiv=document.getElementById('div1'); oDiv.onmousewheel=fn; if(oDiv.addEventListener) { oDiv.addEventListene...
2015-08-28 02:20:00 32
原创 拖拽事件
<h1>拖拽事件</h1><ul> <li>onmousedown:鼠标按下</li> <li>onmousemove:鼠标移动</li> <li>onmouseup:鼠标放开</li></ul> <p>拖拽的时候如果有文字选中,会出...
2015-08-28 00:10:00 49
原创 元素拖拽
拖拽事件onmousedown:鼠标按下onmousemove:鼠标移动onmouseup:鼠标放开拖拽的时候如果有文字选中,会出现问题!: 当鼠标按下的时候,如果页面中有文字被选中,那么会触发浏览器的默认拖拽文字的效果标准下:阻止默认行为;非标准下:.setCapture()//全局捕获;设置全局捕获,当我门给一个元素设置全局捕获的以后,那么这个元素会监...
2015-08-27 20:34:00 44
原创 JS事件详解
事件详解焦点使浏览器能够区分用户的输入对象,当一个元素有焦丹的时候那么他就能够接收用户的输入我们可以通过一些方式给元素设置焦点用户鼠标点击键盘Tab切换JS程序控制不是所有的元素都能够接收焦点,能够响应用户操作的元素才有焦点焦点事件:onfocus-onbluronfocus当元素获得焦点的时候触发onblur当元素事情焦点的时候触...
2015-08-27 19:49:00 47
原创 DOM.BOM知识点
DOM:Document Object Model 文档对象模型 文档:html页面 文档对象:页面中的元素 文档对象模型:定义为了能够让程序(JS)去操作页面中的元素 DOM会把文档看做是一棵树,同时定义了很多方法来操作这棵树中的每一个元素(节点) DOM节点: getElementById getElementsByTagName getElementsByClassName...
2015-08-27 14:44:00 48
原创 web开发CSS浏览器兼容性()
针对IE6/7-- 1.html5 标签不支持:header ,nav section footer 解决方案:给H5的块元素加display:block; 并用在JS里创建标签 document.createElement('标签') ; 2.float:父级需要清除浮动,才能被里面的子元素撑开; overflow:hidden; :after{clear:bo...
2015-08-26 20:35:00 68
原创 CSS里的BFC
BFC(Block Formatting Context,块级元素格式化上下文)是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 通俗讲,BFC就是一种布局方式,在创建了 BFC后,其子元素会一个接一个地放置:盒子们自所在的 containing block 顶部起,水平方向上一个接一个撑满整个宽度,垂直方向上他们的起点是包...
2015-08-26 02:27:00 43
原创 H5兼容IE6.IE7 js脚本
/*! HTML5 Shiv v3.6.1 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */(function(window, document) {/*jshint evil:true */ /** Preset options */ var options = window.html5 || {}; /** Us...
2015-08-26 01:55:00 73
原创 面向对象知识点
对象的组成: 方法(行为,操作) 对象下的函数,叫对象的方法 :array.push array.sort 属性 对象下的变量,叫做对象的属性 如array.length var obj= new Object(); obj.name='xiaoming'; //对象具有属性 obj.showName=function(){...
2015-08-25 23:54:00 35
原创 JS使用合并数组
var arr= [4,5,6];var arr1 = [7,8,9];var arr2=[1,2,3];arr.concat(arr1,arr2);//或者使用Arry.prototype.push.aplly(mergeTo,mergeFrom);arr; [4,5,6,7,8,9,1,2,3];
2015-08-25 10:21:00 44
原创 块元素block,内联元素inline; inline-block;
block:块元素的特征 div ol li 等:1.只有高度不设置宽度的时候默认撑满一行;2.默认块元素不在一行;3.支持所以CSS命令;inline:内联元素的特征 span i strong 等:1.宽高由内容撑开;2.不支持宽高;3.一行上显示同类的内联元素;4.不支持上下的margin;5.元素换行可以被解析;inline-block: ...
2015-08-25 10:20:00 62
原创 JavaScript DOM
获取DOM: document: document.getElementById('id') 根据元素的id属性值获取单个节点 document.getElementsByName('name') 根据元素的name值获取节点列表 document.getElementsByTagName('tag') 根据元素的标签获取节点列表 节点指针:...
2015-08-25 10:13:00 49
原创 JS sort()实用技巧
[1, 3, 9, 2].sort(); // Returns: [1, 2, 3, 9] // 返回 [1, 2, 3, 9]……这没错,但它还有更强大的用法,比如这样:var data=[ { name: "Robin Van PurseStrings", age: 30 }, { name: "Theo Walcot...
2015-08-23 02:25:00 64
原创 JS 移动动画
function moveElement(elementId, final_x, final_y,interval) { if (!document.getElementById) return false; if (!document.getElementById(elementId)) return false;...
2015-08-21 17:07:00 84
原创 JS给元素增加className
function(element,value) //给元素添加className{ if(!element.className) { element.className=value; } else{ newClassName+=element.className; newClassName+=' '; newClas...
2015-08-21 15:22:00 171
原创 Hbuilder主页面控制子页面的方法
主页面的写法(function($, doc) { mui.init({ swipeBack : false, subpages: [{ id: 'addMemberContent', u...
2015-08-03 17:20:00 456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人