leo列

导航

随笔分类 -  javascript

1 2 下一页

数据钻取项目总结
摘要:1.ie7下table中的tr如果是display:none ,这时这一行正好在另一列的rowspan跨列的范围内,那么会错位,ie7会把display:none的行计入rowspan里面,但是火狐不会2.table中tr用display:block,而且也有rowspan 也会造成样式错位3.ie7下如果用jquery的attr来取rowspan的值,例如 $("#id").attr("rowspan"); 是取不到值的,可以转化成js的写法来写,$("#id")[0].getAttribute("rowspan" 阅读全文

posted @ 2013-09-04 11:59 leo列 阅读(366) 评论(0) 推荐(0) 编辑

javascript正则表达式定义(语法)
摘要:正则表达式的2种定义方法:一种是直接调用RegExp(),第二种是直接用字面量来定义,即var re = /正则规则/;2种定义方法本质都是调用RegExp()方法在调用同一段正则代码的时候,ECMAScript3和ECMAScript5中表现完全不一样function reg(){ var re = /\sjavascript/; return re; }分别在ECMAScript3和ECMAScript5中调用reg()方法多次在ECMAScript3中,调用的是同一个RegExp对象,在ECMAScript5中,调用的是不同的RegExp对象 因为在EXCMAScript5中每... 阅读全文

posted @ 2013-08-19 18:45 leo列 阅读(5785) 评论(0) 推荐(0) 编辑

自定义滚动条
摘要:很多时候,由于美观上的考虑,往往需要自定义各种各样的滚动条,因此,本人做了一个demo一下是代码部分:<html> <head> <script type="text/javascript" src="js/jquery-1.9.1.js"></script> <script> $(function(){ //内容高度 var content = $("#div2"); //框的高度 var box = $("#div1"); //自定... 阅读全文

posted @ 2013-05-29 06:07 leo列 阅读(188) 评论(0) 推荐(0) 编辑

实现点上下左右按钮,小图切换,点小图显示大图的效果
摘要://实现点上下左右按钮,小图切换,点小图显示大图的效果如图:代码如下:<html> <head> <script type="text/javascript" src="js/jquery-1.9.1.js"></script> <script> //实现点上下左右按钮,小图切换,点小图显示大图的效果 $(function(){ var left = $(".left"); //左按钮 var right = $(".right"); //右... 阅读全文

posted @ 2013-05-26 22:29 leo列 阅读(1966) 评论(0) 推荐(0) 编辑

禁止鼠标选中文字
摘要:1.firefox:-moz-user-select:none;2.全局禁止:<body onselectstart="return false"> 阅读全文

posted @ 2013-05-21 13:54 leo列 阅读(197) 评论(0) 推荐(0) 编辑

变量详解-----笔记
摘要:1.对象---由更小的单元组成的一个集合 function object array等都是对象 基本数据类型----就是一个值,只有自己这个值组成,不可拆分的东西 string number boolean等都属于基本数据类型 typeof返回6个值 string number boolean object function undefined2.NaN-------not a number parseInt(abc12c)------>NaN3.parseInt parseFloat Number 三种转换数值的方法 parseInt和parseFl... 阅读全文

posted @ 2012-12-19 14:51 leo列 阅读(177) 评论(0) 推荐(0) 编辑

字符串详解-----笔记
摘要:1.var str="abcdefghijkmn";alert(str.charAt(3)); //弹出dstr.charAt(n); 取str字符串上第n个位置上的字符var str="abcdefghijkmn";alert(str.charCodeAt(3)); //返回100alert(String.fromCharCode(100)); //返回dstr.charCodeAt(n) str字符串上第n个位置上对应字符的ASC码String.fro... 阅读全文

posted @ 2012-12-13 18:03 leo列 阅读(217) 评论(0) 推荐(0) 编辑

图片预加载
摘要:for(var i=1;i<77;i++) { (function (oNewImg){ var oImg=new Image(); oImg.onload=function () { oNewImg.src=this.src; }; oImg.src='img/miaov ('+i+').jpg'; oNewImg.style.display='none'; ... 阅读全文

posted @ 2012-12-13 16:34 leo列 阅读(142) 评论(0) 推荐(0) 编辑

正则表达式----笔记
摘要:1.操作字符串的四种方法 search 返回要查找字符串第一次位置,没有找到的话返回-1 substring 截取字符串 substring(1,4)从字符串的第一个位置开始,到第四个位置结束,包含第一个位置不包含第四个位置 charAt 选取在特定位置上的一个字符 split 把字符串分成几部分,组成一个数组2.正则表达式,,,,,,台湾翻译成 规则表达式 正则表达式是操作字符串的,把规则用计算机语言来描述3.创建正则表达式的2中方式 var re = new RegExp('a') va... 阅读全文

posted @ 2012-12-12 14:08 leo列 阅读(177) 评论(0) 推荐(0) 编辑

高级事件----笔记
摘要:1.ie的事件捕获 obj.setCapture(); 释放捕获 obj.releaseCapture(); 可以解决拖拽过程中在IE下选中文字或者图片的情况<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>< 阅读全文

posted @ 2012-12-11 20:27 leo列 阅读(613) 评论(0) 推荐(0) 编辑

简单的新浪微博
摘要:先放代码sina.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style>* {margin:0; padding:0;}#ul1 {width:300px; height:300px; 阅读全文

posted @ 2012-11-26 20:28 leo列 阅读(219) 评论(0) 推荐(0) 编辑

DOM高级-----笔记
摘要:1.在table标签中就算没有tbody,只有一堆的tr,td,放到浏览器中也会自动生成tbody,所以选取元素的时候不要忽略tbody标签。2.根据以前对DOM的了解,比如要选取id为tab的表格的第三行第二列的值,那么会这样写document.getElementById("tab").getElmentsByTagName("tbody")[0].getElementsByTagName("tr")[2].getElementsByTagName("td")[1].innerHTML;这实在是太长了,在jav 阅读全文

posted @ 2012-11-23 11:32 leo列 阅读(362) 评论(0) 推荐(0) 编辑

面向对象编程(OOP)----BLUE大师JS课堂笔记(二)
摘要:一,把面向过程的程序改写成面向对象的程序1.前提 所有的程序都在onload里面2.改写 不能函数嵌套,可以全局变量3.onload-------------------->构造函数 全局变量------------------->属性 函数----------------------->方法 需要用到面向对象比较多的是游戏公司4.改错,重点是this this啥时候出问题呢?1.定时器 但凡定时器中的this都是指的是window 2.事件 解决这个方法 var _this=this; 然后通过闭包传递this二,JSON更适合只生成一个JSON对象的情况 ... 阅读全文

posted @ 2012-11-22 14:46 leo列 阅读(1566) 评论(0) 推荐(0) 编辑

面向对象编程(OOP)----BLUE大师JS课堂笔记
摘要:1.面向对象时,只关注对象提供的功能,不关注其内部的细节。 如JQUERY2.面向对象时一种通用思想,并非只有编程中能用,任何事情都可以用。如公司里的上传下达3.面向对象编程(OOP)的特点,传统的书本会说:多态,封装,继承三大特点 应该还能理解成抽象,封装,继承三大特点 抽象:抓住核心问题 封装:不考虑内部实现,只考虑功能使用 继承:从已有对象上,继承出新的对象4.对象的组成 方法---------函数:过程,动态的 属性---------变量:状态,静态的 变量和函数是自由的,属性和方法属于一个对象5.this:当前的方法属于谁,this就是指谁 除了在函数面前有new的时候fun... 阅读全文

posted @ 2012-11-21 11:24 leo列 阅读(5337) 评论(0) 推荐(1) 编辑

拖拽+碰撞+重力
摘要:window.onload=function (){ var oDiv=document.getElementById('div1'); var lastX=0; var lastY=0; oDiv.onmousedown=function (ev) { var oEvent=ev||event; var disX=oEvent.clientX-oDiv.offsetLeft; var disY=oEvent.clientY-oDiv.offsetTop; do... 阅读全文

posted @ 2012-11-18 17:20 leo列 阅读(282) 评论(0) 推荐(0) 编辑

碰撞+重力
摘要:var iSpeedX=6;var iSpeedY=8;var timer=null;function startMove(){ var oDiv = document.getElementById("div1"); timer=setInterval(function(){ iSpeedY+=3; var l = oDiv.offsetLeft+iSpeedX; var t = oDiv.offsetTop+iSpeedY; if(l>document.documentElement.clientWidth-oDiv.off... 阅读全文

posted @ 2012-11-18 16:54 leo列 阅读(196) 评论(0) 推荐(0) 编辑

关于弹性运动
摘要:var left=0; //用left变量存储赋给obj.style.left的值,以防每次系统都省略小数,所导致最后结果的细微差异var iSpeed=0;function startMove(obj,iTarget){ clearInterval(obj.timer); obj.timer=setInterval(function(){ iSpeed+=(iTarget-obj.offsetLeft)/5; //速度 iSpeed*=0.7; ... 阅读全文

posted @ 2012-11-18 16:01 leo列 阅读(233) 评论(0) 推荐(0) 编辑

学习JS运动的点滴
摘要:1.多物体运动框架所有东西都不能共用2.document.title输出频率不能太高3.在写JS时尽量避免写小数,因为计算机内部都是模拟的,而不是实际存储的 如:0.07*100 在JS运算里不是为7 var a=3;var b=3.00000000000000000001;alert(a=b);输出的结果却是true4.写程序思考时先思考一般,再思考特殊,写程序是,先排除特殊,然后写一般if(特殊1){}else if(特殊2){}else{ 一般 }5.数组既可以用for 循环也可以用for..in循环,因为for循环比较可控 ,所以用for循环会比较的好 对象(json... 阅读全文

posted @ 2012-11-18 00:04 leo列 阅读(1455) 评论(0) 推荐(0) 编辑

obj.href 与 obj.getAttribute("href")的区别
摘要:HTML代码如下:<a href="#2">2</a>分别用2种方法取得<a>标签的href属性,方法一:alert(this.href);方法二:alert(this.getAttribute("href"));咋一看这两种方法是一样的,但是通过浏览器弹出的结果确是不一样的方法一弹出的结果为:file:///D:/workfile/insume/case.html#2 //绝对路径方法二弹出的结果为:#2 //相对路径 阅读全文

posted @ 2012-11-16 14:41 leo列 阅读(864) 评论(0) 推荐(0) 编辑

scrollWidth ,scrollHeight , clientWidth, clientHeight
摘要:页面代码是这样的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; char 阅读全文

posted @ 2012-11-08 16:50 leo列 阅读(320) 评论(0) 推荐(0) 编辑

1 2 下一页