枚舉 javascript 常用對象方法 By shawl.qiu

最後更新：2018-12-03 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

說明:
學 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">
<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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More