描述:
代表给定浏览器窗口的HTML文档
属性:
属性描述备注activeElement获取获得焦点的对象 alinkColor设置或获取元素中所有激活链接的颜色 vlinkColor设置或获取用户已经访问的链接的颜色 linkColor设置或获取对象链接的颜色 bgColor设置或获取对象背景的颜色(不推荐使用) fgColor设置或获取文档的前景颜色 cookie设置或获取cookie的字符串值 charset设置或获取用于解码的字符集utf-8defaultCharset从当前的区域语言中获取默认的字符集gb2312designMode设置或获取当前文档是否可被编辑的值on 可以被编辑off/Inherit 默认的,文档不能被编辑dir设置或获取表明对象的阅读顺序的值 ltr: left to right rtl: right to left doctype获取与当前文档关联的文档声明类型 返回文档类型声明默认为NULL,documentElement获取对文档根节点的引用 HTMLdomain设置或获取文档的安全域名localhostexpando设置或获取表明是否可对象内创建任意变量的值 implementation获取当前文档的implementation对象 fileCreateData获取当前浏览文件的创建时间 fileModifiedData获取当前浏览文件上次修改的时间 fileSize获取当前浏览文件的大小 lastModified获取页面上次修改的时间(如果提供的话) referrer获取将用户引入当前页面的URL 即:由FIrst.html页面的超级链接,链接至了Second.html页面, 则,document.referrer的值为First.html的完整路径parentWindow获取容器对象所在的窗口的引用 readyState获取表明对象当前状态的值uninitialized Object is not initialized with data.
loading Object is loading its data.
loaded Object has finished loading its data.
interactive User can interact with the object even though it is not fully loaded.
complete Object is completely initialized.
uniqueID获取为对象自动生成的唯一标示符 URL设置或获取当前文档的URL URLUnencoded获取文档的URL,去除所有字符编码 protocol设置或获取URL的协议 超文本传输协议XMLDocument获取由对象引出的XML文档对象模型的引用 XSLDocument获取对XSL文档的顶层节点的引用集合:
集合描述备注all返回对象所包含的所有元素(包括子元素)集合的引用对于一个空的HTML文档,包含以下元素!HTMLHEADTITLEBODYSCRIPTanchors返回所有带有name或id属性的a对象的集合不带有name/id属性的链接是不会计入其中的applets获取文档中所有applet对象的集合 childNodes返回document的直接后代集合 embeds返回所有embed的集合 forms返回文档中所有的form集合 frames返回文档中所有的frame集合 images返回所有的img对象的集合 links返回所有指定了href的a以及area对象的集合 namespaces获取namespace对象的集合 scripts获取文档中所有script对象的集合 styleSheets获得文档中每个link或style对象的实例对应的样式的集合方法:
方法描述备注attachEvent将制定的函数绑定到事件 detachEvent从事件中取消指定的事件 clear目前尚不支持 open(mimetype,replace)打开一个新文档，并擦除当前文档的内容mimetype:规定正在写的文档的类型,默认为"text/html"replace:可引用新文档从父文档继承历史条目注意:调用open方法打开一个新文档,使用write时,应该在最后使用close方法来迫使其关闭文档,显示内容.<input type="button" id="btn" value="Focus" οnclick="btn_click()"/> <script type="text/javascript"> function btn_click(){ var newDoc = document.open("text/html",'replace'); var txt="<html><body>姓名:<input type='text'></body></html>"; newDoc.write(txt); newDoc.close(); } </script>close关闭数据流并且强制将数据发送显示见上格createTextNode创建文本字符串var txt = document.createTextNode("document"); document.body.appendChild(txt);createElement创建元素var txt = document.createElement("input"); //两者都可以 txt.type="text"; //txt.setAttribute("type","text"); document.body.appendChild(txt);createAttribute创建属性 createComment创建注释 createStyleSheet创建样式表 createDocumentFragment创建文档模块 createEventObject当使用fireEvent方法时用于传递事件相关信息时,生成event对象 elementFromPoint返回x,y坐标处的元素 foucs使元素获得焦点,并执行由onfous事件指定的代码<input type="button" id="btn" value="Focus"/> <input type="button" id="btn2" value="BTN2" οnfοcus="btn2_focus()" /> <script type="text/javascript"> btn.οnclick=function(){ btn2.focus(); } function btn2_focus(){ document.write("btn2 is focus"); document.close(); } </script>hasFocus判断文档当前是否拥有焦点 <input type="button" id="btn" value="Focus" οnclick="btn_click()" οnmοuseοver="btn_mouseover()" οnmοuseοut="btn_mouseout()"/> <div id="dv" style="width:200px;height:150px;border:solid 1px black; display:none"> 显示出来. </div> <script type="text/javascript"> function btn_click(){ window.showModelessDialog("HTMLPage4.htm",window, "status:false;dialogWidth:300px;dialogHeight:300px"); } function btn_mouseover(){ if (document.hasFocus()){ dv.style.display="block"; } } function btn_mouseout(){ dv.style.display="none"; } </script>getElementById根据ID获取对元素的引用document.getElementById("txt")getElementByName根据Name获取对元素的引用document.getElementByName("txt")getElementByTagName根据元素名称,获取元素的集合document.getElementByTagName("input")mergeAttributes获取所有读/写标签属性到指定元素 execCommand在当前文档,当前选中区或给定范围上执行命令queryCommandEnabled返回表明指定命令是否可于给定文档当前状态下使用execCommand命令成功执行的 Boolean 值queryCommandIndeterm返回表明指定命令是否处于模糊状态的 Boolean 值queryCommandState返回表明当前命令状态的boolean值queryCommandSupported返回表明命令在当前区域上是否支持的boolean值queryCommandValue返回文档、范围或当前选中区对于给定命令的当前值 recalc重新计算当前文档中的动态属性releaseCapture释放当前文档中对象的鼠标捕捉 setActive设置对象为当前,而不将对象设置为焦点 <input type="button" id="btn" value="Focus" οnclick="btn_click()" /> <input type="button" value="btn2" id="btn2" οnfοcus="btn2_focus()" /> <script type="text/javascript"> function btn_click(){ btn2.setActive(); } function btn2_focus(){ alert("btn2 is on focus!"); } </script>测试结果和描述不一致write向指定窗口的文档写入一个或多个HTML表达式document.write("ok");writeln向指定窗口的文档写入一个或多个HTML表达式,追加一个换行符document.writeln("ok");关于execCommand及相关函数未搞定,准备专门再写一篇文章.
转载于:https://www.cnblogs.com/oneword/archive/2009/05/31/1492938.html
