摘要:jquery的event对象属性和方法总结JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发 时用户的环境(是否按了shift etc)。每个浏览器对event都有不同的地方,Jquery对Event做了标准化所以可以放心用。 * 。target 这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this) * .pageX: 鼠标的left属性,相对于page * .pageY: ...
阅读全文
摘要: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 对象的引用。看一个
阅读全文
摘要:JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeigh
阅读全文
摘要:Javascript在IE和Mozilla Firefox下不同之处1. document.form.item 问题问题:现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox下运行解决方法:统一使用 document.formName.elements["elementName"]2. 集合类对象问题问题:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象解决方法:改用[ ]作为下标运算。如:document.forms("formName
阅读全文
摘要:动画库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-
阅读全文
摘要:案例一:滚动的文字<html> <head> <title>实例-滚动的文字</title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" cont
阅读全文
摘要:每个事件只能注册一个函数,如果多个就后被才替换掉。 解决方法 一个对象上添加多个方法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....
阅读全文
摘要:函数与对象 有一个重要的参数集合,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");
阅读全文
摘要:区分大小写。与Java一样,变量、函数名、运算符以及其他一切东西都是区分大小写的,也就是说,变量test不同于变量Test。变量是弱类型的。与Java和C不同,ECMAScript中的变量无特定的类型,定义变量时只用var运算符,可以将它初始化为任意的值。这样可以随时改变变量所存数据的类型(尽管应该避免这样做,但作为Web开发,这确实可以提高效率)。每行结尾的分号可有可无。Java、C#都要求每行代码以分号(;)结束才符合语法。ECMAScript则允许开发者自行决定是否以分号结束一行代码。如果没有分号,ECMAScript就把这行代码的结尾看作该语句的结尾(与Visual Basic和VBS
阅读全文
摘要:script标签有三个特殊的属性(当然,像id,class这样的属性它也是有的,HTML页面中几乎每个元素都可以有class,id属性)<script language="JavaScript">//language属性指明标签里包含的脚本所使用的语言 //它有三个常见的取值JavaScript,JScript,VBScript //some script goes here</script> //对于JScript只有IE能够识别,其它浏览器会忽略这个标签其里面的内容 //而对于VBScript,只有Windows上的IE能够识别,运行 //然而l
阅读全文
摘要: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
阅读全文
摘要:函数与内置对象函数函数(又称为方法)用于对一大段为了达到某种目的的代码进行归类,以使代码更具有条理: //一段计算三角形面积的代码 var wide=window.prompt("请输入三角形的底边长度!",""); var high=window.prompt("请输入三角形的高!",""); var area=wide*high/2; if (isNaN(area)) {//判断用户是否输入的是数字 alert("三角形的面积为"+area); } else { alert("您的
阅读全文
摘要: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
阅读全文