Javascrip-大纲总结.pptVIP

Javascrip-总结 t98-黄建华 1、javascript的组成 (1)ECMAScript (2)BOM (3)DOM 1、ECMAScript 1、变量 Var name=值; var表示变量，不指定数据类型 2、数据类型 基本数据类型：String number boolean null 对象数据类型：String date array 3、函数 系统函数 isnan(), parsInt()、 自定义函数 function name(param){语句快;return值} Function 表示函数不指定返回类型，参数也不指定数据类型name由数字、字母、_、$构成，不能以数字开头，不能和关键字、控件name相同、没有方法重载、if(参数):判断是否传递参数 函数调用：js代码中name()；控件中事件=name()； 函数绑定：js代码中事件=name; 2、BOM 1、window location、history、document、status alert、confirmed、prompt Open、close、showModalDialog：window.returnValue Setimeout、SetInterVal、clearTimeout、clearInterVal onload 2、location href、reload() 3、history Back()、forward()、go(-1) 2、BOM-Document all: document.all[name]==getElementsByName() document.all.tags(tagName)==getElementsByTagName() getElementById()、getElementsByName()、getElementsByTagName() 3、DOM 1、core Dom(核心 DOM) 2、HTML DOM 3、XML DOM 1、core DOM 查 1、getElementById()、getElementsByName()、getElementsByTagName() 2、层次关系(父--子、子--父、当前--相邻兄弟) obj.parentNode…… 3、getAttribute()、setAttribute() 增 1、创建：creatElement()、cloneNode() 2、添加：父.insertBefore(新子、已有子)、父.appendChild(新子) 删 父.removeChild(已有子) 改 父.repleaceChild(新子、已有子) 2、HTML DOM Table rows、cells insertRow()、deleteRow() TableRow cells、rowIndex insertCell()、deleteCell() TableCell cellIndex、innerHTML Text value select()、focus() onblur、onfocus、onchange Select value、options、length、selectedIndex add() onchange sel.options[sel.selectedIndex].text; 动态特效： 时钟效果、广告窗口、浮动广告、漂浮广告、树形菜单、横向菜单、Tab切换、多幅图片轮换…… 动态改变页面： 内容改变、Table增删改、省市级联 Css样式改变： obj.style.属性=值; obj.className=值; 表单验证 常见表单验证 正则表达式： 定义： 模式： 特殊字符： ^、$ []、-、^ \d、\w {m,n}、*、+、？ ()、| 方法：reg.test(str) 及时提示： onblur div.innerHTML * * *