document 文挡对象.doc

document 文挡对象 - JavaScript脚本语言描述注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 “引用的元素为空或者不是对象”对象属性document.title /设置文档标题等价于HTML的title标签document.bgColor /设置页面背景色document.fgColor /设置前景色(文本颜色)document.linkColor /未点击过的链接颜色document.alinkColor /激活链接(焦点在此链接上)的颜色document.vlinkColor /已点击过的链接颜色document.URL /设置URL属性从而在同一窗口打开另一网页document.fileCreatedDate /文件建立日期，只读属性document.fileModifiedDate /文件修改日期，只读属性document.charset /设置字符集 简体中文:gb2312document.fileSize /文件大小，只读属性document.cookie /设置和读出cookie常用对象方法document.write() /动态向页面写入内容document.createElement(Tag) /创建一个html标签对象document.getElementById(ID) /获得指定ID值的对象document.getElementsByName(Name) /获得指定Name值的对象document.body.appendChild(oTag)body-主体子对象document.body /指定文档主体的开始和结束等价于body/bodydocument.body.bgColor /设置或获取对象后面的背景颜色document.body.link /未点击过的链接颜色document.body.alink /激活链接(焦点在此链接上)的颜色document.body.vlink /已点击过的链接颜色document.body.text /文本色document.body.innerText /设置body/body之间的文本document.body.innerHTML /设置body/body之间的HTML代码document.body.topMargin /页面上边距document.body.leftMargin /页面左边距document.body.rightMargin /页面右边距document.body.bottomMargin /页面下边距document.body.background /背景图片document.body.appendChild(oTag) /动态生成一个HTML对象常用对象事件document.body.onclick=”func()” /鼠标指针单击对象是触发document.body.onmouseover=”func()” /鼠标指针移到对象时触发document.body.onmouseout=”func()” /鼠标指针移出对象时触发document的属性和方法: document.createElement(tagName) :文档对象上的createElement方法可以创建由tagName指定的元素.如果以串div作为方法参数,就会生成一个div元素. document.createTextNode(text) :文档对象的createTextNode方法会创建一个包含静态文本text的文本节点. document.createAttribute(): 用指定的名字创建新的Attr节点. document.createComment() :用指定的字符串创建新的Comment节点. document.getElementById(): 返回文档中具有指定id的Element节点. document .getElementsByTagName():返回文档中具有指定标记名的所有Element节点.返回为一Element节点数组;节点的属性和方法:.appendChild(childNode) :appendChild方法将指定的节点增加到当前元素的子节点列表(作为一个新的子节点).例如,可以增加一个option元素,作为select元素的子节点.getAttribute(name) :该方法用来获得元素中name属性的值.setAttribute(name,value) :该方法用来设置元素中name属性的值.insertBefore(newNode,targetNode) :该方法将节点newNode作为当前元素的子节点插到targetNode子节点元素的前面.removeAttribute(name) :该方法从元素中删除属性name.removeChild(childNode) :该方法从元素中删除子元素childNode.replaceChild(newNode,oldNode) :该方法将节点oldNode替换为节点newNode.hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素.tagName :元素的标记名称,比如元素为PHTML文档返回的tagName均为大写;.getAttributeNode() :以Attr节点的形式返回指定属性的值;.getElementsByTagName() :返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序.hasAttribute() :如果该元素具有指定名字的属性,则返回true;.removeAttributeNode() :从元素的属性列表中删除指定的Attr节点.setAttributeNode() :把指定的Attr节点添加到该元素的属性列表中.cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点.Node对象常用属性:.attributes :如果该节点是一个Element,则以namedNodeMap形式返回该元素的属性.childNodes :以Node的形式存放当前节点的子节点.如果没有子节点,则返回空数组.firstChild :以Node的形式返回当前节点的第一个子节点.如果没有子节点,则为null.lastChild :以Node的形式返回当前节点的最后一个子节点.如果没有子节点,则为null.nextSibling :以Node的形式返回当前节点的兄弟下一个节点.如果没有这样的节点,则返回null.previousSibling :以Node的形式返回紧挨当前节点,位于它之前的兄弟节点.如果没有这样的节点,则返回null.parentNode :以Node的形式返回当前节点的父节点.如果没有父节点,则返回null.nodeType :代表节点的类型.nodeName :节点的名字,Element节点则代表Element的标记名称.location-位置子对象document.location.hash / #号后的部分document.location.host / 域名+端口号/好像返回的是主机名localhost,没有返回端口号document.location.hostname / 域名document.location.href / 完整URLdocument.location.pathname / 目录部分document.location.port / 端口号tocol / 网络协议(http:)document.location.search / ?号后的部分documeny.location.reload() /刷新网页document.location.reload(URL) /打开新的网页document.location.assign(URL) /打开新的网页document.location.replace(URL) /打开新的网页selection-选区子对象document.selection例如：请选中这里的部分文字。selection的createRange方法document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。这些好像都是只有在IE下才能实现。images集合(页面中的图象)a)通过集合引用document.images /对应页面上的img标签document.images.length /对应页面上img标签的个数document.images0 /第1个img标签document.imagesi /第i-1个img标签b)通过name属性直接引用imgdocument.images.oImage /属性c)引用图片的src属性document.images.oImage.src /属性.srcd)创建一个图象var oImageoImage = new Image()document.images.oImage.src=”1.jpg”同时在页面上建立一个img /标签与之对应就可以显示-forms集合(页面中的表单)a)通过集合引用document.forms /对应页面上的form标签document.forms.length /对应页面上/formform标签的个数document.forms0 /第1个/formform标签document.formsi /第i-1个/formform标签document.formsi.length /第i-1个/formform中的控件数document.formsi.elementsj /第i-1个/formform中第j-1个控件b)通过标签name属性直接引用/formformdocument.Myform.myctrl /document.表单名.控件名c)访问表单的属性 /对应form name属性document.formsi.action /对应/formform action属性document.formsi.encoding /对应/formform enctype属性document.formsi.target /对应/formform target属性document.formsi.appendChild(oTag) /动态插入一个控件document.all.oDiv /引用图层oDivdocument.all.oDiv.style.display=” /图层设置为可视document.all.oDiv.style.display=”none” /图层设置为隐藏document.getElementId(”oDiv”) /通过getElementId引用对象document.getElementId(”oDiv”).style=”document.getElementId(”oDiv”).display=”none”/*document.all表示document中所有对象的集合只有ie支持此属性，因此也用来判断浏览器的种类*/图层对象的4个属性document.getElementById(”ID”).innerText /动态输出文本document.getElementById(”ID”).innerHTML /动态输出HTMLdocument.getElementById(”ID”).out