随笔分类 - JavaScript
摘要：Chrome开发工具是一个Web开发者的利器，使用它你可以实现： 管理界面元素 断点调试JavaScript代码 优化你的代码 这里将列出一些非常实用的使用技巧，帮助你更加高效的工作 1. 快速编辑HTML元素 选择开发工具面板的Elements 在Elements下的元素编辑器中选择...
阅读全文
摘要：1、创建日期对象var now = new Date();var someDate = new Date(Date.parse("May 25, 2004"));var someDate = new Date("May 25, 2004"); //与上面一句相同，如果传入Date.parse()方法...
阅读全文
摘要：网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的...
阅读全文
摘要：1、indexOf()：方法可返回某个指定的字符串值在字符串中首次出现的位置（从左往右找）。语法：stringObject.indexOf(searchvalue,fromindex) 1 2、查找字符串出现多个地方的位置（索引） 1 3、lastIndexOf()：从右往左找，用法跟indexOf...
阅读全文
摘要：1、charAt()方法： 从整个字符串中找到某子字符，即返回指定位置的字符。charAt(str.length)。里面的数字最大为字符串长度减一eg：stringObject.charAt(index)；如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串...
阅读全文
摘要：1、blue老师编写完美运动框架，随意调用（可多次），兼容性好，用于多个物体多次运动（不是同时运动） 1 function getStyle(obj, name) 2 { 3 if(obj.currentStyle) 4 { 5 return obj.currentStyle[name]; 6 } 7 else 8 { 9 return getComputedStyle(obj, false)[name];10 }11 }12 13 function startMove(obj, attr, iTarget, fn...
阅读全文
摘要：1 function createXMLHttpRequest() { 2 var request = false; 3 if(window.XMLHttpRequest) { 4 request = new XMLHttpRequest(); 5 if(request.overrideMimeType) { 6 request.overrideMimeType('text/xml'); 7 } 8 } else if(window.ActiveXObject) { 9 var v...
阅读全文
摘要：不同浏览器中js兼容问题大全1.document.formName.item('itemName')问题说明：1 //IE下（两种）2 document.formName.item("itemName");3 document.formName.elements ["elementName"];4 //Firefox下5 document.formName.elements["elementName"];6 //解决方法：7 document.formName.elements["elementName&qu
阅读全文
摘要：1.数组的一些方法： 1 迭代方法：every():对数组中的每一项运行给定函数，每一项返回true，则返回truesome():对数组中的每一项给定运行函数，对任一项返回true，则返回truefilter():对数组中的每一项给定运行函数，返回该函数会返回true的项构成的数组map():对数组...
阅读全文
摘要：event事件兼容： 1 //IE event 2 oDiv.style.left=event.clientX+'px'; 3 oDiv.style.top=event.clientY+'px';* 4 5 //FF 事件处理的参数 6 oDiv.style.left=ev.clientX+'px'; 7 oDiv.style.top=ev.clientY+'px'; 8 9 /*if(ev){10 oDiv.style.left=ev.clientX+'px';11 oDiv.style.top=...
阅读全文
摘要：兼容各主流浏览器的事件绑定（在同一个事件上添加多个处理函数）。1.绑定方法：1 //IE attachEvent(事件名, 函数)2 oBtn.attachEvent('onclick', aaa);3 oBtn.attachEvent('onclick', bbb);4 5 //FF add...
阅读全文
摘要：在下面的例子中，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。 1 2 3 4 闭包演示 5 8 18 19 20 00021 11122 22223 33324 44425 26 原因是初学者并未理解JavaScript的闭包特性。通过element.onclick=function(){alert(i);}方式给元素添加 点击事件。响应函数function(){alert(i);}中的 i 并非每次循环时对应的 i（如0，1，2，3，4）而是循环后最后 i 的值5。 或者说循环时响应函数内并未能保存对应的值 i，而是最后一次i++的值5。方法1：将...
阅读全文
摘要：moveTo()方法格式：window.moveTo(x,y);功能：将窗口移动到指定坐标(x,y)处;resizeTo()方法格式：window.resizeTo(x,y);功能：将当前窗口改变成(x,y)大小，x、y分别为宽度和高度;resizeBy()方法格式：window.resizeBy(x,y);功能：将当前窗口改变到指定的大小(x,y),当x、y的值大于0时为扩大，小于0时为缩小。实现过程： 1 27 打开明日美食留言薄
阅读全文