====== JavaScript提高 =======
* 掌握常用的浏览器对象
- window
- document
- History
-----------------------
什么是DOM?
DOM 分级
Core DOM
XML DOM
HTML DOM
--------------------------
window 窗口对象
是所有浏览器对象的顶层对象
属性:document,history,location,name,status,screen
方法:alert(),confirm(),open(url,name),close,setTimeout
setInterval(),clearTimeout,createPopup()
location 地址对象
document 文档对象
form 表单对象
--------------------------
document 对象
方法:clear(),close(),write();
createElement();//创建元素节点
createTextNode();//创建文本节点
cloneNode(boolean);//复制节点
appendChild();//插入节点
insertBefore();//插入节点
removeChild(b);//删除子节点
b.parentNode();//得到b的父节点
replaceChild();//替换节点
setAttribute();//设置属性的值
getAttribute();//得到属性的值
getElementById();
getElementsByTagName();
hasChildNodes();//返回boolean类型
//文本节点和属性节点永远返回false
-----------------------------
DOM属性--只读
nodeName属性(只读属性):节点的名字
nodeType属性:返回一个整数,代表这个节点的类型
nodeValue属性:节点的值//元素节点的值永远为null
//文本节点的值用此来设置
childNodes属性:返回一个数组,数组由元素的子节点构成
//文本节点和属性节点永远返回空数组
firstChild:
lastChild:
nextSibling属性:返回下一个兄弟节点
priviousSibling:
parentNode属性:返回父节点
//document的parentNode是null
----------------------------------
History 对象
方法:back,forward,go()
Location 对象
属性:host,hostname,href
方法:assign(url),reload(),replace(url);
-------------------------------------
事件处理
onClick,onChange,onFocus,onBlur,onMouseOver
onMouseOut,onMouseMove,onLoad,onSubmit,
onMouseDown,onMouseUp
---------------------------------------
JS 中操作表格
方法一:标准DOM
方式二:table专用方法
Tab 对象的方法
createCaption();
Tab 的属性
border
Tab 对象的集合
cells[] 所有单元格
rows[] 所有行