Songfancy

Songfancy的笔记

来自095.[JavaScript] 第34章 项目1-博客前端:封装库--弹出登录框[6](0)

//浏览器窗口大小的获得:document.documentElement.clientWith;document.documentElement.clientHeight;//浏览器窗口大小的改变:window.onreize();//鼠标变手型:coursor:pointer;//选择器(input里type不同)input.text;input.submit

来自096.[JavaScript] 第34章 项目1-博客前端:封装库--遮罩锁屏[7](0)

//透明度filter:alpha(opacity=30) // ie opacity:o.3 //w3c //跨浏览器获取视口大小 if(typeofwindow.innerWidth!='undefined'){width:window.innerWidth; height:window.innerHeight;}else{ width:document.documentElements.clientWidth; height:document.documentElements.clientHeight; } //变量的正则匹配 new RegExp(classname);//classname is变量//跨浏览器添加link sheet=document.styleSheets[num];//表示位置link第几个 sheet.inserRule{selectorText+‘{’+cssTex+'}',postion}//ponsition表示在css里面的位置sheet.deleteRule//w3c sheet.ddRule sheet.removeRule//IE

来自097.[JavaScript] 第34章 项目1-博客前端:封装库--拖拽[上][8](0)

oDiv.onmousedown=function(e){var e=e||window.event;var diffX=e.clientX-oDiv.offsetLeft;//求出点击处和oDiv左边的距离var diffY=e.clientY-oDiv.offsetTop;//求出点击处和oDiv上边的距离document.onmousemove=function(e){var e=e||window.event;var left=e.clientX-diffX;var top=e.clientY-diffY;if(left<0){left=0;}else if(left>document.documentElement.clientX-oDiv.offsetWidth){left=document.documentElement.clientX-oDiv.offsetWidth;}f(top<0){ top=0;}else if(top>document.documentElements.clientWidth-oDiv.offseHeight){top=document.documentElements.clientHeight-oDiv.offsetHeight;}oDiv.style.left=left+"px";oDiv.style.Top=right+"px";}document.onmouseup=function(){document.onmousemove=null;//注销move事件document.onmouseup=null;//注销up事件,避免累计}}弹窗时可以禁用滚动条

来自098.[JavaScript] 第34章 项目1-博客前端:封装库--拖拽[下][9](0)

拖拽时低版本空文本时有bug;取消默认行为:function preDef(event){var e=e||widow.event;if(typeof e.preventDefault !='undefined'){//w3ce.preventDefault();}else{//IEe.returnValue = false;}}IEl浏览器鼠标超出屏幕范围时独有的bug:鼠标移出去时://让鼠标移出去时还可以捕获鼠标事件if(typeof oDiv.setCapture = !='undefined'){oDiv.setCapture();}//解除事件:if(typeof oDiv.releaseCapture = !='undefined'){oDiv.releaseCapture();}

来自092.[JavaScript] 第34章 项目1-博客前端:封装库--CSS[上][3](0)

外部css文档通过计算后的样式:window.getComputedStyle  //w3cwindow.getComputedStyle(this.elements[i],null)[attr]  (节点对象,null)this.elements[i].currentStyle //IEthis.elements[i].currentStyle【attr】