用href=# 和 javascript：void(0) 可以使链接后什么操作都不执行javascript：void(alert('ok'))
div.style.visibility="hidden"(层掩藏)|"visible"(层显示)
div.style.display=""(还原空间)|"none"(抽取空间)
document.body.scrollLeft:指窗口向左滚动的距离 document.body.scrollTop离最上的距离
posTop的数值其实和top是一样的，但区别在于，top固定了元素单位为px，而posTop只是一个数值，因此一般使用posTop来进行运算
div.style.posLeft：是包括窗口滚动的那部分 并且是数字的 而left是有px 的
event.x：是指触发的事件上 相对与现在窗口的距离
event.offsetX：事件触发时相对于事件对象的X值
div.style.zIndex 与style="z-Index:100" 的表达方式
-----------------------------------------------------
用js 的createElement("div") 中的div不是随意的 而是对应html中的一个标记名
createElement("option") 用来创建选项节点
var select=document.createElement("select");
var cells=select.options;
var op=new Option("value","值");
cells.add(op);
或者用document.createElement("select").appendChild(document.createElement("option"))
------------------------------------------------------
opener：指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
window.parent是相对于iframe而言的父页面，window.opener是window.open打开子页面的父页面
获取父窗体的document的引用:window.opener.document
引用demo：
var _parentWin = window.opener;
_parentWin.form1.username.value = "xxxx" ;
并且可以通过_parentWin 获取对document对象的引用
-----------------------------------------------------
Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建
-----------------------------------------------------
DOM属性:
childNodes 该属性返回一个数组，这个数组由给定元素节点的子节点构成 可用childNodes[i]来进行访问 与table 的rows一样 和select 的options一样
firstChild 返回第一个子节点
lastChild 返回最后一个子节点
nextSibling 返回给定节点的下一个子节点
parentNode 返回一个给定节点的父节点
previousSibling 返回给定节点的下一个子节点??
rowIndex 对于row可以获取其row所在的table 的位置
cellIndex 对于cell可以获取其cell所在的row的位置
1 createElement(element)
创建一个指定标签名创建一个新的元素节点，返回值为指向新建元素节点的引用指针。
eg) var para = document.createElement("p");
document.body.appendChild(para);
2 createTextNode()
创建一个包含着给定文本的新文本节点，返回一个指向新建文本节点的引用指针：
reference = document.createTextNode()
参数为新建文本节点所包含的文本字符串
var message = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(message);
document.body.appendChild(container);
3 cloneNode()
reference = node.cloneNode(deep)
为给定节点创建一个副本，参数为 true 或者 false，true 表示同时复制该节点的子节点，false 则不复制任何子节点。
var para = document.createElement("p");
var message = document.createTextNode("hello world");
para.appendChild(message);
document.body.appendChild(para);
var newpara = para.cloneNode(true);
document.body.appendChild(newpara);
4 appendChild()
reference = node.appendChild(newChild);
插入节点，例子参考前面。
5 insertBefore()
reference = element.insertBefore(newNode,targetNode)
将一个给定节点插入到一个给定元素节点的给定子节点的前面，返回一个指向新增子节点的引用指针。
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.insertBefore(para,message);
6 removeChild()
reference = element.removeChild(node)
将从一个给定元素利删除一个子节点，返回一个指向已被删除的子节点的引用指针。
当某个节点被 removeChild()删除后，此节点所有子节点都被删除。
7 replaceChild()
reference = element.replaceChild(newChild,oldChild)
把一个给定父元素里的一个子节点替换为另外一个节点，oldChild 节点必须是 element 元素的一个子节点，返回值是一个指向已被替换的那个子节点的引用指针。
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.replaceChild(para,message);
8 setAttribute()
element.setAttribute(attributeName,attributeValue);
为给定元素节点添加一个新的属性值或是改变它的现有属性
9 getAttribute
attributeValue = element.getAttribute(attributeName)
返回一个给定元素的一个给定属性节点的值。
10 getElementById()
element = document.getElementById(ID)
寻找一个有着给定 id 属性值的元素，返回一个元素节点
11 getElementByTagName()
用于寻找有着给定标签名的所有元素：
elements = document.getElementsByTagName(tagName)
返回一个节点集合。
12 hasChildNodes
用来检查一个给定元素是否有子节点
booleanValue = element.hasChildNodes
返回 true 或 false。
------------------------------------------------------
对于select 标签的option：
new Option(text,value);声明一个新的optioin对象,参数text 是指纯文本内容
var cells=select.options：获取一个select子项的集合 返回是一个数组类型
添加方式：select.options.add(oop); 或cells.add(oop);
删除方式:select.options.remove(i);或cells.remove(i);
-----------------------------------------------------
yyyy:年份
MM：月
dd:日
mm ：分钟
hh:12小时制度 区别于oracle中的
HH:24小时制度
ss：秒
------------------------------------------------------
body.clientHeight body.clientWidth:显示在屏幕上可见的页面的长宽
body.scrollHeight body.scrollWidht:页面的总长宽 对应于body.offsetHeight
body.scrollTop body.scrollLeft:已经滚动后的长宽 对应于body.offsetTop
div.style.visibility="hidden"(层掩藏)|"visible"(层显示)
div.style.display=""(还原空间)|"none"(抽取空间)
document.body.scrollLeft:指窗口向左滚动的距离 document.body.scrollTop离最上的距离
posTop的数值其实和top是一样的，但区别在于，top固定了元素单位为px，而posTop只是一个数值，因此一般使用posTop来进行运算
div.style.posLeft：是包括窗口滚动的那部分 并且是数字的 而left是有px 的
event.x：是指触发的事件上 相对与现在窗口的距离
event.offsetX：事件触发时相对于事件对象的X值
div.style.zIndex 与style="z-Index:100" 的表达方式
-----------------------------------------------------
用js 的createElement("div") 中的div不是随意的 而是对应html中的一个标记名
createElement("option") 用来创建选项节点
var select=document.createElement("select");
var cells=select.options;
var op=new Option("value","值");
cells.add(op);
或者用document.createElement("select").appendChild(document.createElement("option"))
------------------------------------------------------
opener：指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
window.parent是相对于iframe而言的父页面，window.opener是window.open打开子页面的父页面
获取父窗体的document的引用:window.opener.document
引用demo：
var _parentWin = window.opener;
_parentWin.form1.username.value = "xxxx" ;
并且可以通过_parentWin 获取对document对象的引用
-----------------------------------------------------
Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建
-----------------------------------------------------
DOM属性:
childNodes 该属性返回一个数组，这个数组由给定元素节点的子节点构成 可用childNodes[i]来进行访问 与table 的rows一样 和select 的options一样
firstChild 返回第一个子节点
lastChild 返回最后一个子节点
nextSibling 返回给定节点的下一个子节点
parentNode 返回一个给定节点的父节点
previousSibling 返回给定节点的下一个子节点??
rowIndex 对于row可以获取其row所在的table 的位置
cellIndex 对于cell可以获取其cell所在的row的位置
1 createElement(element)
创建一个指定标签名创建一个新的元素节点，返回值为指向新建元素节点的引用指针。
eg) var para = document.createElement("p");
document.body.appendChild(para);
2 createTextNode()
创建一个包含着给定文本的新文本节点，返回一个指向新建文本节点的引用指针：
reference = document.createTextNode()
参数为新建文本节点所包含的文本字符串
var message = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(message);
document.body.appendChild(container);
3 cloneNode()
reference = node.cloneNode(deep)
为给定节点创建一个副本，参数为 true 或者 false，true 表示同时复制该节点的子节点，false 则不复制任何子节点。
var para = document.createElement("p");
var message = document.createTextNode("hello world");
para.appendChild(message);
document.body.appendChild(para);
var newpara = para.cloneNode(true);
document.body.appendChild(newpara);
4 appendChild()
reference = node.appendChild(newChild);
插入节点，例子参考前面。
5 insertBefore()
reference = element.insertBefore(newNode,targetNode)
将一个给定节点插入到一个给定元素节点的给定子节点的前面，返回一个指向新增子节点的引用指针。
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.insertBefore(para,message);
6 removeChild()
reference = element.removeChild(node)
将从一个给定元素利删除一个子节点，返回一个指向已被删除的子节点的引用指针。
当某个节点被 removeChild()删除后，此节点所有子节点都被删除。
7 replaceChild()
reference = element.replaceChild(newChild,oldChild)
把一个给定父元素里的一个子节点替换为另外一个节点，oldChild 节点必须是 element 元素的一个子节点，返回值是一个指向已被替换的那个子节点的引用指针。
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.replaceChild(para,message);
8 setAttribute()
element.setAttribute(attributeName,attributeValue);
为给定元素节点添加一个新的属性值或是改变它的现有属性
9 getAttribute
attributeValue = element.getAttribute(attributeName)
返回一个给定元素的一个给定属性节点的值。
10 getElementById()
element = document.getElementById(ID)
寻找一个有着给定 id 属性值的元素，返回一个元素节点
11 getElementByTagName()
用于寻找有着给定标签名的所有元素：
elements = document.getElementsByTagName(tagName)
返回一个节点集合。
12 hasChildNodes
用来检查一个给定元素是否有子节点
booleanValue = element.hasChildNodes
返回 true 或 false。
------------------------------------------------------
对于select 标签的option：
new Option(text,value);声明一个新的optioin对象,参数text 是指纯文本内容
var cells=select.options：获取一个select子项的集合 返回是一个数组类型
添加方式：select.options.add(oop); 或cells.add(oop);
删除方式:select.options.remove(i);或cells.remove(i);
-----------------------------------------------------
yyyy:年份
MM：月
dd:日
mm ：分钟
hh:12小时制度 区别于oracle中的
HH:24小时制度
ss：秒
------------------------------------------------------
body.clientHeight body.clientWidth:显示在屏幕上可见的页面的长宽
body.scrollHeight body.scrollWidht:页面的总长宽 对应于body.offsetHeight
body.scrollTop body.scrollLeft:已经滚动后的长宽 对应于body.offsetTop
49
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
