【转】各种样式按钮

<!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>

posted on 2007-01-05 00:31 mbskys 阅读(151) 评论(0) 收藏举报