随笔分类 -  Javascript

Jquery事件常用方法的封装
摘要:jquery的event对象属性和方法总结JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发 时用户的环境(是否按了shift etc)。每个浏览器对event都有不同的地方,Jquery对Event做了标准化所以可以放心用。 * 。target 这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this) * .pageX: 鼠标的left属性,相对于page * .pageY: ... 阅读全文

posted @ 2012-12-06 17:09 peter.peng 阅读(440) 评论(0) 推荐(0)

Javascript开发之十二:Call的用法
摘要:obj1.method1.call(obj2,argument1,argument2)如上,call的作用就是把obj1的方法放到obj2上使用,后面的argument1..这些做为参数传入.举一个具体的例子function add(a,b){ alert(a+b);}function sub(a,b){ alert(a-b);}add.call(sub,3,1);这个例子中的意思就是用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。看一个 阅读全文

posted @ 2012-11-30 17:28 peter.peng 阅读(172) 评论(0) 推荐(0)

JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
摘要:JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeigh 阅读全文

posted @ 2012-11-29 14:47 peter.peng 阅读(107) 评论(0) 推荐(0)

Javascript在IE和Mozilla Firefox下不同之处
摘要:Javascript在IE和Mozilla Firefox下不同之处1. document.form.item 问题问题:现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox下运行解决方法:统一使用 document.formName.elements["elementName"]2. 集合类对象问题问题:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象解决方法:改用[ ]作为下标运算。如:document.forms("formName 阅读全文

posted @ 2012-11-26 21:38 peter.peng 阅读(205) 评论(0) 推荐(0)

动画库tween.js--常用的运动算法
摘要:动画库tween.jsvar Tween = {Linear:function (start,alter,curTime,dur) {return start+curTime/dur*alter;},//最简单的线性变化,即匀速运动Quad:{//二次方缓动easeIn:function (start,alter,curTime,dur) {return start+Math.pow(curTime/dur,2)*alter;},easeOut:function (start,alter,curTime,dur) {var progress =curTime/dur;return start- 阅读全文

posted @ 2012-11-25 21:59 peter.peng 阅读(11535) 评论(0) 推荐(0)

Javascript开发之十一:案例:
摘要:案例一:滚动的文字<html> <head> <title>实例-滚动的文字</title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" cont 阅读全文

posted @ 2012-11-25 18:44 peter.peng 阅读(284) 评论(0) 推荐(0)

Javascript开发之九:事件
摘要:每个事件只能注册一个函数,如果多个就后被才替换掉。 解决方法 一个对象上添加多个方法function addEvent(obj,evt,fn) { if (obj.addEventListener) { if (String(window.opera)=="[object Opera]") { obj.addEventListener(evt,function (evt) { evt.layerX=evt.offsetX; evt.layerY=evt.offsetY; fn.call(this,evt); },false); } else { obj.... 阅读全文

posted @ 2012-11-22 16:21 peter.peng 阅读(226) 评论(0) 推荐(0)

Javascript开发之六函数与对象
摘要:函数与对象 有一个重要的参数集合,arguments:能得到所有传递的参数。如function funTest(){ var a []; for(var i=0;i<arguments.length;i++){ a.push(arguments[i]);}}alert(a.join('\n'));}funTest(12,"565","test"); 阅读全文

posted @ 2012-11-18 16:50 peter.peng 阅读(123) 评论(0) 推荐(0)

Javascript开发之五ECMAScript语法基础
摘要:区分大小写。与Java一样,变量、函数名、运算符以及其他一切东西都是区分大小写的,也就是说,变量test不同于变量Test。变量是弱类型的。与Java和C不同,ECMAScript中的变量无特定的类型,定义变量时只用var运算符,可以将它初始化为任意的值。这样可以随时改变变量所存数据的类型(尽管应该避免这样做,但作为Web开发,这确实可以提高效率)。每行结尾的分号可有可无。Java、C#都要求每行代码以分号(;)结束才符合语法。ECMAScript则允许开发者自行决定是否以分号结束一行代码。如果没有分号,ECMAScript就把这行代码的结尾看作该语句的结尾(与Visual Basic和VBS 阅读全文

posted @ 2012-11-13 14:01 peter.peng 阅读(276) 评论(0) 推荐(0)

Javascript开发之四script标签与访问HTML
摘要:script标签有三个特殊的属性(当然,像id,class这样的属性它也是有的,HTML页面中几乎每个元素都可以有class,id属性)<script language="JavaScript">//language属性指明标签里包含的脚本所使用的语言 //它有三个常见的取值JavaScript,JScript,VBScript //some script goes here</script> //对于JScript只有IE能够识别,其它浏览器会忽略这个标签其里面的内容 //而对于VBScript,只有Windows上的IE能够识别,运行 //然而l 阅读全文

posted @ 2012-11-13 11:16 peter.peng 阅读(253) 评论(0) 推荐(0)

Javascript开发之三组数对象
摘要:var a=new Array();如果这样定义:a[3]="a"; alert(a.length) 4 而是的1,如果定义了,但没有赋值则返回一个undefined (alert(a[0]))创建数组:arr = [];//是的,一个空中括号 //与下面一句几乎是等价的 arr = new Array();var a=new Array(1,"n",3,"m",5,“m”,8);var a=[]; //定义一个空数组var a=new Array(2); //定义一个长度为2的数组var a=[2]; 定义一个初始值为2的数组var 阅读全文

posted @ 2012-11-12 14:49 peter.peng 阅读(160) 评论(0) 推荐(0)

Javascript开发之二函数与内置对象
摘要:函数与内置对象函数函数(又称为方法)用于对一大段为了达到某种目的的代码进行归类,以使代码更具有条理: //一段计算三角形面积的代码 var wide=window.prompt("请输入三角形的底边长度!",""); var high=window.prompt("请输入三角形的高!",""); var area=wide*high/2; if (isNaN(area)) {//判断用户是否输入的是数字 alert("三角形的面积为"+area); } else { alert("您的 阅读全文

posted @ 2012-11-12 13:47 peter.peng 阅读(188) 评论(0) 推荐(0)

Javascript开发之一
摘要:Javascript三部分: ECMASricpt ECMA DOM(文档对象模式) BOM(浏览器对象模式)变明的声明:var弱类形: var n=10; var s=n/"10" 返回NaN: Not a Number(说明结果不是一个合法的数字),但有时也会自动转换如(alert(1000*"23")) 23000 ,但在加法则是会处理前面把前面部分转换成字符串相加,而*,除则会自动强转后面部分转成数字,除非不能转换(" 压顶地");如: alert(1+2+3+"2"); 62 alert(1+2+&quo 阅读全文

posted @ 2012-11-11 18:24 peter.peng 阅读(136) 评论(0) 推荐(0)