随笔分类 - {type:'javascript-jquery'}
摘要:javascript一些知识点记录 1.substring,slice,substr的用法 substring 和slice 都有startIndex 和 endIndex(不包括endInex),区别就在于slice取负数; 例如:var str='x123'; slice(-1,-2) -1指的
阅读全文
摘要:javaScript中的小技巧 一:&& 和 || 的使用 function show(){ //|| 逻辑表达式 或者 只要有一个表达式为真就ok了 var a=false || true; //true var b=true || false; //true var c=false || fal
阅读全文
摘要:javascript中实现动画是setTimeout(递归)还是用setinterval好呢 之前,在研究js作用动画的东东,之前的做动画,的核心基本就是 setTimerout 和我们的 setInterval,但是现在的选择就比较多了可以使用我们的css3 还我们的html5的requestAn
阅读全文
摘要:javascript 封装ajax(多版本) 版本一(推荐的写法) ajax的过程 1.创建XMLHttpRequest对象,也就是创建一个异步调用对象。 2.创建一个新的Http请求,并制定该Http请求的方法,url以及验证信息。 3.设置响应http请求状态的变化。 4.发送http请求。 5
阅读全文
摘要:javaScript中的两个叹号(!!) function info(){ //!!一般用来将后面额表达式强制转换成布尔类型的数据;(boolean), //也就是结果只能是true或者false //因为javascript 为弱类型语言(没有固定的数据类型),所以有时需要强制转换; var a=
阅读全文
摘要:this.initialize.apply(this, arguments); 看代码:我只能说这段代码很牛逼 var Class = { create: function() { return function() { this.initialize.apply(this, arguments);
阅读全文
摘要:javaScript中自定义滚动条二 完整代码:(代码只是面向功能,后期有待优化,一写细节的完善) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm
阅读全文
摘要:javaScript中自定义滚动掉一 html: <body> <div id="parent"> <div id="son"> </div> </div> <div id="demo"></div> </body> css: #parent{ height:30px; width:400px; b
阅读全文
摘要:javaScript中的事件三 先看两种错误的写法,他们的目的都是:添加两个事件; 错误方式一: window.onload=function (){ alert('event 1'); } window.onload=function (){ alert('event 2') } 错误方式二: w
阅读全文
摘要:JavaScript中的额事件二 小例子:右键自定义菜单; html: <div id="div1"> <ul id="ul1"> <li>菜单一</li> <li>菜单二</li> <li>菜单三</li> <li>菜单四</li> </ul> </div> css: #div1{ display
阅读全文
摘要:JavaScript中的额事件一 获取鼠标点击之后的坐标; //获取鼠标的位置 function getPosition(e){ var x=e.clientX; //直接这样获取得是:可视区域的 var y=e.clientY; //还要考虑到非可视区的问题; var scrollTop=docu
阅读全文
摘要:JavaScript中记一个关于对象属性赋值的小问题
阅读全文
摘要:JavaScript中width和offsetWidth的区别(动画中) 我们先看这连个参数本身的区别, width:物体自身的宽度; offsetWidth:物体盒子模型的宽度,包括border pading HTML: <input type="button" value="show" oncl
阅读全文
摘要:JavaScript多物体运动三 HTML <div id="div1"></div> <div id="div2"></div> <div id="div3">font-sizeChange</div> <div id="div4">透明度的改变滴呀</div> CSS div{ height:5
阅读全文
摘要:JavaScript多物体运动二 html: <body> <div></div> <div></div> <div></div> <div></div> </body> css: <style type="text/css"> div{ height:150px; width:200px; bac
阅读全文
摘要:JavaScript多物体运动一 html: <body> <div></div> <div></div> <div></div> </body> css: div{ height:30px; width:50px; background:green; margin:10px; } javascri
阅读全文
摘要:直接上代码: HTML <body> <input type="button" value="100" onclick="show(100)"/> <input type="button" value="300" onclick="show(300)"/> <input type="button"
阅读全文
摘要:JavaScript中对象取值的一个主意点 直接上代码: function show(){ var obj1={name:'jack',age:10}; console.log(obj1.name); //jack var temp='name'; console.log(obj1.temp); /
阅读全文
浙公网安备 33010602011771号