摘要： 一、event对象document.onclick=function(ev){ oEvent=event?event:ev;//兼容性写法 alert(oEvent.clientX); alert(oEvent);//IE为object、chrome为objectMouseEvent /*if(ev){ alert(event.clientX);//IE }else{ //alert(ev.clientX);//ff alert(ev); }*/ }二、事件冒泡var oBtn = document.getElementB... 阅读全文

摘要： 一、window.open栗子：阿里西西运行代码功能var oBtn = document.getElementById('btn1'); var oTxt = document.getElementById('txt1'); oBtn.onclick=function(){ var oNewWin = window.open('about blank','_blank'); oNewWin.document.write(oTxt.value); }二、scrollTop、offsetHeightwindow.onload=win 阅读全文

摘要： 一、创建子节点发帖在顶部显示：var oBtn = document.getElementById('btn1'); var oUl = document.getElementById('ul1'); oBtn.onclick=function(){ var oLi = document.createElement('li'); var lil = document.getElementsByTagName('li'); var otxt = document.getElementById('txt1'); oLi 阅读全文

摘要： 数组方法添加：pusharr.push();//尾部添加unshiftarr.unshift();//头部添加删除：poparr.pop();//尾部删除shiftarr.shift();//头部删除排序：sortarr.sort();sort很蠢，它只认识字符串，如果是数字则要设置一个比较函数var arr=[8,15,6,3,50];arr.sort(function(num1,num2){ return num1-num2; });alert(arr);连接：concat、joinarr1.concat(arr2);arr.join('-');//数组转换成字符串var 阅读全文

摘要： arguments就是一个包含传入的参数的数组对象栗子一：function sum(){ var result=0; for(var i=0;i<arguments.length;i++){ result += arguments[i]; }return result;}alert(sum(1,2,3,4,5));css函数原代码：function css(){ if(arguments.length==2){//获取 //return arguments[0].style[arguments[1]];//undefined因为style只能取行间样式 ... 阅读全文

摘要： （1）在html元素事件属性中使用，如 （2）构造函数function Animal(name, color) {This.name = name;this.color = color;} （3）Var btn = document.getElementById(“text”);Btn.onclick = function() {Alert(this.value); //此处的this是按钮元素} （4）CSS expression表达式中使用this关键字 division element ... 阅读全文

摘要： 网页优化的一大首要任务是减少HTTP 请求 (http request) 的次数，例如通过合并多个JS文件，合并CSS样式文件。除此之外，还有一个data URL 的密技，让我们直接把图像的内容崁入网页里面，这个密技的官方名称是 data URI scheme。 Goolge Wave 中CSS定义的图片URL全部是 data URI scheme！那什么是 data URI scheme？假设你有以下的图像：A把它在网页上显示出来的标准方法是：这 种取得资料的方法称为 http URI scheme ，同样的效果使用 data URI scheme 可以写成：换句话说我们把图像档案的内容内置 阅读全文

摘要： 一、FF与IE对JavaScript的区别1. document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["elementName 阅读全文

摘要： 对象初始化方式(也叫json对象创建方式) 构造函数方式 function User(name,age) { this.name =name; this.age = age; this.toString=function() { alert(this.name+' is '+this.age); } } function display_user() { /* 因为对象有了构造函数，所以可以用如下方式 */ var paul = new User('paul',2... 阅读全文

摘要： 匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*评注：表单验证时很实用匹配网址URL的正则表达式：[a-zA-z]+://[^s]* 评注：网上流传的版本功能很有限，上面这个基本可以满足需求 匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 评注：表单验证时很实用 匹配国内电话号码：d{3}-d{8}|d{4}-d{7} 评注：匹配形式如 0511-4405222 或 021-87888822 匹配腾讯QQ号：[1-9][0-9]{4,} 评注：腾讯QQ号从100 阅读全文