DOM模型 文档对象模型定义用户操作文档对象的接口
html 根节点
文档是节点的集合
三个节点
元素节点 DOM模型都是由元素节点构成 元素节点包含其他元素除了根元素html
文本节点
属性节点 <a title="css" href="img/1.jpg" /> title,href
DOM操作页面文档 node节点
属性 nodename 节点名称 appendChild() 将节点添加到子节点末尾 nodevalue 节点值 nodetype 节点类型
元素节点 nodetype的值1 属性节点 2 文本节点 3 hasChildNodes 是否包含节点
查询和设置属性 getAttribute(属性名称) 和setAttribute()=>只能元素节点来调用不能document
创建节点和添加节点
元素节点 createElemtent() 文本节点 createTextNode()
删除节点 一般父节点的removeChild方法 parentNOde()
替换节点 一般父节点的replaceChild方法 parentNOde()
在特定节点插入节点前 insertBefore(新节点,目标节点)
在特定节点插入节点后 insertafter(新节点,目标节点)
innerHTML属性
事件流 事件模型 =》捕获型事件和冒泡型事件
冒泡型事件 事件按照从最特定的事件目标到最不特定的事件的顺序逐一触发
捕获型事件 从不精确到精确 (自顶向下事件模型)
事件监听 页面的事件需要一个函数来调用,这类函数叫事件处理函数
实时监听者这些函数是否发生 事件监听函数
attachevent是用来给某个元素添加事件处理的函数
detachevent 删除元素事件监听的函数
[object].attachevent("事件名称 onchick",监听函数名称)
标准DOM监听方法
[object].atteventlistener("事件名称chick","函数名称","false(冒泡阶段)")
[object].removeeventlistener("事件名称chick","函数名称","false(冒泡阶段)")
事件对象
window.event
op.οnclick=function(oEvent)
{
if(window.event=window.event)
}
type 事件类型
clientX 鼠标在客户端位置 clientY
screenX screenY 鼠标指针在计算机屏幕的位置
事件目标
oEvent.srcElement
oEvent.target
IE浏览器的 returnValue 和标准DOM的 preventDefault (取消默认事件)
DOM动态控制表格
tBodies指向<Tbody>元素的集合
rows表格中所以行的集合
deleterow(position)删除指定行的集合
insertrow(position)在row集合的指定位置插入一个新行
cells tr所以单元格的集合
deletecell(position)删除给定位置上的单元格
insertcell(position)在cell集合的给定位置插入一个新的单元格
控制表单
document.forms["form1"]
blur(将焦点从元素移开)
focus(将焦点移动到改表单上)
select(选中表单元素中可编辑的文本)
onerror事件
js优化代码
不要余留空隙 直接并行写
布尔型 直接用 1 true 或者0
var a=new array() 可以变为 var a=[]
函数名称或者变量名称进行精简 为a,b
合理声明变量 可以是局部变量 就不要用全局变量
使用内置函数比自定义函数缩短编译时间
if语句 尽量将可能性高的写在前面
最少化语句数量
节约使用dom对象的使用
html 根节点
文档是节点的集合
三个节点
元素节点 DOM模型都是由元素节点构成 元素节点包含其他元素除了根元素html
文本节点
属性节点 <a title="css" href="img/1.jpg" /> title,href
DOM操作页面文档 node节点
属性 nodename 节点名称 appendChild() 将节点添加到子节点末尾 nodevalue 节点值 nodetype 节点类型
元素节点 nodetype的值1 属性节点 2 文本节点 3 hasChildNodes 是否包含节点
查询和设置属性 getAttribute(属性名称) 和setAttribute()=>只能元素节点来调用不能document
创建节点和添加节点
元素节点 createElemtent() 文本节点 createTextNode()
删除节点 一般父节点的removeChild方法 parentNOde()
替换节点 一般父节点的replaceChild方法 parentNOde()
在特定节点插入节点前 insertBefore(新节点,目标节点)
在特定节点插入节点后 insertafter(新节点,目标节点)
innerHTML属性
事件流 事件模型 =》捕获型事件和冒泡型事件
冒泡型事件 事件按照从最特定的事件目标到最不特定的事件的顺序逐一触发
捕获型事件 从不精确到精确 (自顶向下事件模型)
事件监听 页面的事件需要一个函数来调用,这类函数叫事件处理函数
实时监听者这些函数是否发生 事件监听函数
attachevent是用来给某个元素添加事件处理的函数
detachevent 删除元素事件监听的函数
[object].attachevent("事件名称 onchick",监听函数名称)
标准DOM监听方法
[object].atteventlistener("事件名称chick","函数名称","false(冒泡阶段)")
[object].removeeventlistener("事件名称chick","函数名称","false(冒泡阶段)")
事件对象
window.event
op.οnclick=function(oEvent)
{
if(window.event=window.event)
}
type 事件类型
clientX 鼠标在客户端位置 clientY
screenX screenY 鼠标指针在计算机屏幕的位置
事件目标
oEvent.srcElement
oEvent.target
IE浏览器的 returnValue 和标准DOM的 preventDefault (取消默认事件)
DOM动态控制表格
tBodies指向<Tbody>元素的集合
rows表格中所以行的集合
deleterow(position)删除指定行的集合
insertrow(position)在row集合的指定位置插入一个新行
cells tr所以单元格的集合
deletecell(position)删除给定位置上的单元格
insertcell(position)在cell集合的给定位置插入一个新的单元格
控制表单
document.forms["form1"]
blur(将焦点从元素移开)
focus(将焦点移动到改表单上)
select(选中表单元素中可编辑的文本)
onerror事件
js优化代码
不要余留空隙 直接并行写
布尔型 直接用 1 true 或者0
var a=new array() 可以变为 var a=[]
函数名称或者变量名称进行精简 为a,b
合理声明变量 可以是局部变量 就不要用全局变量
使用内置函数比自定义函数缩短编译时间
if语句 尽量将可能性高的写在前面
最少化语句数量
节约使用dom对象的使用