青狐

青狐的笔记

来自18 - JS运动应用 - 02(2)

Math.round()四舍五入;

来自11.DOM基础(1)

DOMDOM节点标签 元素 节点                   documentIE                 (6~8)10%Chrome          60%FF                 99%文本节点 元素节点childNodes 高级浏览器中会把文本节点也计算在内(Ie6~Ie8)ChromenodeType 节点的类型=3  文本节点=1 元素节点children 只包括元素节点 不包含文本节点子节点只算第一层(儿子)parentNode 父节点offsetParent 首未子节点  有兼容性问题  firstChild(高版本浏览器下指第一个文本节点)、firstElementChild  lastChild、lastElementChild兄弟节点  有兼容性问题  nextSibling、nextElementSibling  previousSibling、preciousElementSibing firstElementChild 第一个元素节点(IE7不兼容)DOM方式操作元素属性getAttribute(名称)setAttribute(名称、值)removeAttribute(名称)ClassName选择元素function getByClass(oParent,sClass){   var aEle=oParent.getElementsByTagName('*');  for(var i=0;i<aEle.length;i++)     {       if(aEle[i].className==sClass)        {            aResult.push(aEle[i]);        }     }return aResult;}}    

来自17 - JS运动应用 - 01(1)

多物体同时运动     每个div一个定时器多物体运动框架    定时器作物物体的属性    参数的传递:物体、目标值 所有东西都不能公用属性与运动对象绑定:速度、其他属性值(如透明度)offsetWidth width+border+paddingfunction getStyle(obj,name) {    if(obj.currentStyle)       return obj.currentStyle[name];    else      return getComputedStyle(obj,false)[name]; } 

来自09.定时器的使用 - 1(0)

定时器setInterval()setTimeout()延时型停止定时器clearInterval()clearTimeout()数码时钟Date()当定时器打开时不会立刻就执行,而是经过一个设定的时间间隔后再执行str.charAt()兼容IE7及以下版本?延时提示框oDiv2.onmouseover=oDiv1.onmouseover=function(){   clearTimeout(timer);   oDiv2.style.display='block'; }; oDiv2.onmouseoutr=oDiv1.onmouseout=function(){   timer=setTimeout(funcion(){   oDiv2.style.display='none';},500); }; 

来自27 - JS面向对象基础 - 02(0)

任何函数前面都可以加new加了new 后(系统内部会申明一个变量 var  this=new Object();并返回this)系统会创建一个空白对象并返回对于函数的重复原型CSS--->CLASS      原型           行间样式     给对象加东西 类 对象类:模子对象:产品(成品) 用混合的方式构造对象  混合的构造函数/原型方式原则   构造函数 加属性   原型     加方法对象命名规范  类名首字母大写 

来自19 - JS运动中级(0)

运动框架startMove(iTarget);startMove(obj,iTarget);startMove(obj,attr,iTarget);startMove(obj,attr,iTarget,fn)startMove(obj,json);startMove(obj,json,fn);  

来自28 - JS面向对象实例(0)

面向对象的程序不能有函数嵌套,但可以有全局变量 变量变成属性函数变成方法 this/事件/闭包/传参通过闭包传递this 

来自10.定时器的使用 - 2(0)

无缝滚动offsetLeft/offsetTop offsetWidth/offsetHeight 

来自20 - JS事件基础(0)

event 对象   用来获取事件的详细信息:鼠标位置、键盘按键;获取event对象var oEvent=ev||event;事件流    典型的事件流:事件冒泡    取消冒泡:oEventcancelBubble=ture    DOM事件流鼠标位置   鼠标在可视区位置:clientX clientY   文档滚动过的位置:scrollTop scrollLeft   消除滚动条的影响   (滚动条的意义--可视区与页面定部的距离)     跟随鼠标的Div获取鼠标在页面的绝对位置    封装函数    一串跟随鼠标的Div 键盘事件   获取用户按下键盘的那个按键    键盘控制Div移动其他属性    ctrlKry shiftKey  altKey    提交留言    回车提交    ctrl+回车 提交KeyCode     

来自29 - JS面向对象高级(0)

继承  最大限度的重用 代码json 实现的面向对象不适合多个命名空间把方法放在一个Json里 把同一类方法包在一起 show()show.call() 会改变this值引用var arr1=[1,2,3]var arr2=arr1;   只是把arr2指向了arr1的内存空间,并不是复制一个arr1给arr2,所以改变arr2 也会改变arr1for(var i in A.prototype)  {     B.prototype[i]=A.prototype[i];  }系统对象   本地对象   非静态对象 需要实例化才能使用   内置对象   静态对象 Global、 Math()   宿主对象   DOM BOM 

来自AJAX基础知识及开发环境搭建介绍(0)

ajax:(www.w3school.com)异步的 JavaScript 和XML        JAX 不是新的编程语言,而是一种使用现有标准的新方法。         AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。         使用XMLHttpRequest进行异步数据检索          使用xml和XSLT进行数据交换处理(不一定是XML,Json格式更加流行。)ajax应用     Web操作系统     google suggest异步:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。          页面无刷新,用户体验连贯同步:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。              页面跳转,全页面刷新,用户体验中断。需要学习的内容:       了解一门服务器端开发语言;        XMLHttpRequest对象;        javascript;        DOM;        XML;        HTML&CSS;        Web标准&浏览器的差异;开发工具:        IDE: Intellij>Netbeans>Eclipse        浏览器自带的插件;学习环境:        1、JDK        2、NetBeans IDE        3、IE8(IE6或IE7)或multiple-ie              firefox (firebug web-developer)  

来自13 - DOM操作应用高级 - 1(0)

表格应用  tBodies   数组  tHead     元素  tFoot      元素  rows  cells    获取 隔行变色 var oldColor=''; for(var i=0;i<oTab.tBodies[0].row.length;i++)  {       oTab.tBodies[0].rows[i].onmouseover=function()     {          oldColor=this.style.background; this.style.background='green';     }   oTab.tBodies[0].rows[i].onmouseout=function()     { this.style.background=oldColor;     } if(i%2)    {    }else    {     }  添加删除var id=oTab.tBodys[0].row.length+1;oTab.innerHTML=id++; 搜索  忽略大小写toLowerCase()  模糊搜索    search()找到并返回字符串出现的位置,若没有找到则返回-1  sTab.search(sTxt)!=-1)   多关键字搜索  split() var arr=sTxt.split(' ') 循环由关键字分割成的数组  if(sTab.search(arr[i])!=-1;  排序表单应用 表单内容验证

来自14 - DOM操作应用高级 - 2(0)

高亮显示筛选 display 排序arr.sort()appendChild(arr[i]); 表单 向服务器提交数据 action 提交到那里 name   表单事件 onsubmit onreset表单内容验证   

来自22 - JS事件高级应用 - 01(0)

事件绑定:IE    attachEvent(on+事件名,函数)FF    addEventListener(事件名,函数,false); function myAddEvent(obj,ev,fn){    if(obj.addEventListener)          {obj.addEventListener(ev,fn,false);}   else    { obj.attachEvent('on'+ev,fn);}}解除绑定IE  detaEvent()FF  removeEventListener() IE事件捕获   setCapture()释放事件捕获       releaseCapture() 

来自23 - JS事件高级应用 - 02(0)

带框的拖拽鼠标按下时 :创建一个虚线框,它的大小是拖拽元素的大小,它的起始位置是拖拽元素当前的位置鼠标移动时:拖拽时虚线框框跟着鼠标移动,拖拽元素不移动鼠标放开时 :让拖拽元素的位置是当前虚线框的位置 然后删除虚线框自定义滚动条只有一个方向的拖拽限制范围计算比例——当前值/最大值 通过滚动条控制元素的大小、透明度、 位置(文字滚动) 

来自张孝祥-JavaScript01-01(0)

IETF(Internet Engineering Task Force):是一个主要负责有关Internet的各种技术标准及接口规范的制定的民间组织。其网址为:http://www.ietf.org/。

来自XMLHttpRequest对象的使用(0)

一.Netbeans下AJAX应用和部署 

来自张孝祥-JavaScript 04-06(0)

定义一个函数的格式:function 函数名(参数列表){   程序代码   return();} 调用函数的方式:1.作为函数直接调用2.作为方法3.作为构造函数4.通过call()和apply()方法调用 位于函数当中的代码不会被浏览器解析执行,除非在其它方调用了该函数; 先定义变量,再使用,是一个好的编程习惯(使用未定义的变量在某些版本的浏览器中会出现异常?)。局部变量只在定义它的函数内部可见; 局部变量会覆盖与它同名的全局变量;未定义的局部变量会覆盖与它同名的全局变量;

来自张孝祥-JavaScript 04-07(0)

参数个数可变的函数在函数内部的arguments是一个数组对象,它是调用程序传递给被调函数的所有参数; 创建动态函数语法格式:var 变量=new Function(argument1,...,lastArgument);(所有的参数必须是字符串类型;最后的参数必须是这个动态函数的功能程序代码。)encodeURI()decodeURI()parseInt(s,radix)将一个字符串转换为一个整数;radx指定要使用的进制(其值为2~36之间的任意数,小于2或大于36将返回NaN;如果是0或未指定,函数将尝试判断自s解析出的数字的进制,如果以0x开头则将s剩余的部分解析为16进制,其余情况解析为10进制)praseFolat(s)解析并返回s中出现先的第一个数字;(当在s中遇到一个不是该数字的有效部分的字符时,解析终止,返回获得的值;若s不是该函数能解析的一个数字开头,则返回NaN;)isNaNescape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。(该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / 。其他所有的字符都会被转义序列替换。)cookie存储时会用到该方法; visual studio.

来自张孝祥-JavaScript 04-08(0)

一、可以通过对象直接量、关键字new(构造函数)和(ECMAScript中的)Object.creat()函数来创建对象;1、对象直接量是由若干个名/值对组成的映射表,名/值对中间用冒号分隔,名/值对之间用逗号分隔;例如: var point={x:0,y:0};2、new后跟随一个函数调用,这里的函数称做构造函数,构造函数用于初始化一个新创建的对象;例:var d= new Date();//创建一个表示当前时间的Date对象;3、Object.creat()方法可以通过任意原型创建新对象。其第一个参数是这个对象的原型,对二个参数用于对对象的属性进行进一步描述。例:var o1=Object.creat({x:1,y:2});//o1继承了属性x和y;     var o2=Object.creat(null);//o2不继承任何属性和方法;二、属性的查询和设置 可以通过(.)或([])运算符来获取属性的值。1、object.property例:var name=author.surname;2、object["property"]例:var title=book["main title"]该方式可以动态的访问实例对象中的成员变量;