-
枚举 javascript 常用对象方法 By shawl.qiu
说明:
学 JS 有一些日子了, 到今天为止, 基本遍览了 核心JS 与 客户端JS 的所有方法.
期间弄了这么一个可以迅速了解客户端某某对象方法的模板, 并格式化高亮排序后输出内容, 就是下面正文的内容.shawl.qiu
2006-11-20
http://blog.csdn.net/btbtd枚举 javascript 常用对象方法 By shawl.qiu
- linenum
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns=" http://www.w3.org/1999/xhtml">
- <!-- DW6 -->
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>shawl.qiu template</title>
- <script type="text/javascript">
- //<![CDATA[
- if (navigator.appName=="Microsoft Internet Explorer") {
- //最大化窗口
- self.moveTo(-5,-5)
- self.resizeTo(screen.availWidth +8,screen.availHeight+8)
- //这个脚本定义的宽度其实比原窗口还要大那么一点.
- }
- //]]>
- </script>
- </head>
- <body>
- 11. styleSheets<br/>
- <button onclick="fListMtd(styleSheets,event)">
- fListMtd(styleSheets)</button><br/>
- 11.1 styleSheets[0]<br/>
- <button onclick="fListMtd(styleSheets[0],event)">
- fListMtd(styleSheets[0])</button><br/>
- 11.1.1 styleSheets[0].rules (IE Only)<br/>
- <button onclick="fListMtd(styleSheets[0].rules,event)">
- fListMtd(styleSheets[0].rules)</button><br/>
- 11.1.2 styleSheets[0].cssRules(not for IE)<br/>
- <button onclick="fListMtd(styleSheets[0].cssRules,event)">
- fListMtd(styleSheets[0].cssRules)</button><br/>
- <p/>
- 10. clientInformation (IE Only)<br/>
- <button onclick="fListMtd(clientInformation,event)">
- fListMtd(clientInformation)</button><br/>
- <p/>
- 9. style<br/>
- <button onclick="fListMtd(style,event)">
- fListMtd(style)</button><br/>
- <p/>
- 8. screen (IE has no details for this)<br/>
- <button onclick="fListMtd(screen,event)">
- fListMtd(screen)</button><br/>
- <p/>
- 7. navigator<br/>
- <button onclick="fListMtd(navigator,event)">
- fListMtd(navigator)</button><br/>
- 7.1 navigator.mimeTypes (IE not support for this method)<br/>
- <button onclick="fListMtd(navigator.mimeTypes,event)">
- fListMtd(navigator.mimeTypes)</button><br/>
- <p/>
- 6. location<br/>
- <button onclick="fListMtd(location,event)">
- fListMtd(location)</button><br/>
- <p/>
- 5. images<br/>
- <button onclick="fListMtd(images,event)">
- fListMtd(images)</button><br/>
- 5.1 document.images[0]<br/>
- <button onclick="fListMtd(document.images[0],event)">
- fListMtd(document.images[0])</button>
- <p/>
- 4. history<br/>
- <button onclick="fListMtd(history,event)">
- fListMtd(history)</button>
- <p/>
- 3. event<br/>
- <button onclick="fListMtd(event,event)">
- fListMtd(event)</button>
- <p/>
- 2. form<br/>
- 2.1 document.forms<br/>
- <button onclick="fListMtd(document.forms,event)">
- fListMtd(document.forms)</button><br/>
- 2.2 document.forms['JLKOkjk']<br/>
- <button onclick="fListMtd(document.forms['JLKOkjk'],event)">
- document.forms['JLKOkjk']</button><br/>
- 2.3 document.forms['JLKOkjk'].elements<br />
- <button onclick="fListMtd(document.forms['JLKOkjk'].elements,event)">
- document.forms['JLKOkjk'].elements</button><br/>
- 2.4 document.forms['JLKOkjk'].elements.childNodes<br />
- <button onclick="fListMtd(document.forms['JLKOkjk'].elements.childNodes,event)">
- document.forms['JLKOkjk'].elements.childNodes (IE Only)</button><br/>
- 2.5 form file<br/>
- <button onclick="fListMtd(document.forms[0].file,event)">
- document.forms[0].file</button><br/>
- 2.6 form checkbox<br/>
- <button onclick="fListMtd(document.getElementById('checkbox'),event)">
- document.getElementById('checkbox')</button><br/>
- 2.7 form select<br/>
- <button onclick="fListMtd(document.forms['JLKOkjk'].select,event)">
- document.forms['JLKOkjk'].select</button><br/>
- 2.8 form select options<br/>
- <button onclick="fListMtd(document.forms['JLKOkjk'].select.options,event)">
- document.forms['JLKOkjk'].select.options</button><br/>
- 2.8.1 form select options[0] (Bug on Opera)<br/>
- <button onclick="fListMtd(document.forms['JLKOkjk'].select.options[0],event)">
- document.forms['JLKOkjk'].select.options[0]</button><br/>
- 2.9 form textarea<br/>
- <button onclick="fListMtd(document.forms['JLKOkjk'].textarea,event)">
- document.forms['JLKOkjk'].textarea</button><br/>
- <p/>
- 1. document<br/>
- <button onclick="fListMtd(document,event)">
- document</button><br/>
- 1.1 document.selection<br/>
- <button onclick="fListMtd(document.selection,event)">
- document.selection</button><br/>
- 1.2 document.anchors<br/>
- <button onclick="fListMtd(document.anchors[0],event)">list document.anchors methods</button><br/>
- 1.3 document.links<br/>
- <button onclick="fListMtd(document.links,event)">list document.links methods</button><br/>
- 1.3.1 document.links[0]<br/>
- <button onclick="fListMtd(document.links[0],event)">list document.links[0] methods</button><br/>
- 1.4 document.frames<br/>
- <button onclick="fListMtd(document.frames,event)">list document.frames methods</button><br/>
- 1.4.1 document.frames[0]<br/>
- <button onclick="fListMtd(document.frames[0],event)">list document.frames[0] methods</button><br/>
- 1.5 document.style<br/>
- <button onclick="fListMtd(style,event)">list document.style methods</button><br/>
- 1.6 document.defaultView (!IE)<br/>
- <button onclick="fListMtd(document.defaultView,event)">list document.defaultView methods</button><br/>
- 1.7 document.doctype (!IE)<br/>
- <button onclick="fListMtd(document.doctype,event)">list document.doctype methods</button><br/>
- 1.8 document.documentElement <br/>
- <button onclick="fListMtd(document.documentElement,event)">list document.documentElement methods</button><br/>
- 1.9 document.implementation (!IE)<br/>
- <button onclick="fListMtd(document.implementation,event)">list document.implementation methods</button><br/>
- 1.10 document.selection <br/>
- <button onclick="fListMtd(document.selection,event)">list document.selection methods</button><br/>
- 1.11 document.body <br/>
- <button onclick="fListMtd(document.body,event)">list document.body methods</button><br/>
- 1.12 document.body.childNodes <br/>
- <button onclick="fListMtd(document.childNodes,event)">list document.childNodes methods</button><br/>
- 1.12.1 document.body.childNodes[0] <br/>
- <button onclick="fListMtd(document.childNodes[0],event)">list document.childNodes[0] methods</button><br/>
- <p/>
- 0. window<br/>
- <button onclick="fListMtd(window,event)">
- fListMtd(window)</button><br/>
- <p/>
- <script type="text/javascript">
- //<![CDATA[
- function fListMtd(obj, e){
- if(!e)var e=window.event;
- var sur=e.srcElement||e.target;
- try{w.close();}catch(e){}
- w=open('','newwin','width=500,height=500,left=300,top=100,scrollbars');
- w.document.write('<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />');
- w.document.write('<style>body{width:400px;word-w.document.writeap: break-word;}</style>');
- w.focus;
- w.document.ondblclick=function(){w.close();}
- fListMtd(obj, w);
- w.onload=function(){ w.document.title=sur.firstChild.data;};
- w.document.close();
- return true;
- function fListMtd(obj, target){
- var ar=new Array();
- var j=0;
- for(var i in obj){
- try{
- ar[j]=i.bold()+' '+(typeof obj[i]).fontcolor('red')+
- ' '+(obj[i]+'').fontcolor('blue');
- j++;
- }catch(e){
- ar[j]=i.bold()+' '+(typeof obj[i]).fontcolor('red')+
- (' empty').fontcolor('red').bold()
- j++;
- }
- }
- ar=ar.sort();
- for(var i=0; i<ar.length; i++){
- target.document.write(i+1,'. ',ar[i],'<br/>');
- }
- return true;
- }
- } // shawl.qiu script
- onload=function(){
- document.frames[0].document.write(
- '<div id="t" style="border:1px dashed blue;width:50px;">just a test</div>');
- }
- //]]>
- </script>
- <a href="/" >just a test</a><br/>
- <a name="test"></a>
- <form action="?id=test" method="post" enctype="multipart/form-data" name="form1" id="JLKOkjk">
- <input type="text" name="textfield" />
- <br />
- <input type="checkbox" name="checkbox" value="checkbox" id="checkbox" />
- <input type="checkbox" name="checkbox" value="checkbox" />
- <input type="checkbox" name="checkbox" value="checkbox" onclick="" />
- <br />
- <p>
- <label>
- <input type="radio" name="RadioGroup1" value="radio" />
- Radio</label>
- <br />
- <label>
- <input type="radio" name="RadioGroup1" value="radio" />
- Radio</label>
- <br />
- <label>
- <input type="radio" name="RadioGroup1" value="radio" />
- Radio</label>
- <br /><br />
- <input type="button" name="Button" value="Button" onclick="test(this.form, this, this.sourceIndex)"/>
- <br />
- <br />
- <input type="file" name="file" id="file"/>
- <br />
- <br />
- <select name="select">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- </select>
- <br />
- <textarea name="textarea" cols="40" rows="5"></textarea>
- <br />
- <input type="submit" name="Submit" value="Submit" />
- <input type="reset" name="Reset" value="Reset" />
- </p>
- </form>
- <iframe src="about:blank" width="400" height="80" id="frm"></iframe><br />
- <img src="images/04_1.jpg" name="image" /><br />
- <img src="images/gi_logo_88_31.png" width="88" height="31" name="image1" />
- </body>
- </html>