首页 > 代码库 > JavaScript-------------Dom操作(一)

JavaScript-------------Dom操作(一)

JavaScript-------------Dom操作(一)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!--背景颜色为白色,字体颜色为绿色,链接颜色为红色,未被浏览过的连接颜色为#ffff00-->
<body bgcolor="white" text="green" link="red" alink="#ffff00">

<h1 align="center">Test Document</h1>
<hr>
<!-- 该标签同时具有href、Area(文本)-->
<a href="http://www.mamicode.com/#">Sample link</a>
<!-- 该标签同时都没有href、Area(文本)-->
<a name="anchor1"></a>
<a name="anchor2" href="http://www.mamicode.com/#a">Sample link2</a>
<form name="form1"></form>
<form name="form2"></form>
<hr>
<script>
    window.document.write("<h1 align=‘center‘> Document Object Properties</h1><br>");
    window.document.write("<h2>Basic Page Properties</h2>");
    window.document.write("Location = "+window.document.location+"<br>");
    window.document.write("URL = " + window.document.URL + "<br>");
    window.document.write("Document Title = " + window.document.title + "<br>");
    window.document.write("Document Last Modification Date = " + window.document.lastModified+"<br>");
    window.document.write("<h2>Page Color</h2>");
    window.document.write("Background Color = " + window.document.bgColor + "<br>");
    window.document.write("Text Color = " + window.document.fgColor + "<br>");
    window.document.write("Link Color = "+window.document.linkColor + "<br>");
    window.document.write("ActiveLink Color = "+window.document.alinkColor + "<br>");
    window.document.write("Visited Link Color = "+window.document.vlinkColor + "<br>");
    if (window.document.links.length > 0){
        window.document.write("<h2>Links</h2>");
        window.document.write("# Links = "+window.document.links.length + "<br>");
        for(var i=0;i<window.document.links.length;i++){
            window.document.write("Links[" + i + "]=" +window.document.links[i] + "<br>");
        }
    }
    /*只输出那些同时具有href和area值的标签*/
    window.document.write(""+window.document.links.length);

    if(window.document.anchors.length > 0){
        window.document.write("<h2>Anchors</h2>");
        window.document.write("# Anchors = " + window.document.anchors.length + "<br>");
        for(var i =0;i<window.document.anchors.length;i++){
            window.document.write("Anchors[" + i +"]=" + window.document.anchors[i] + "<br>");
        }
    }
    if(window.document.forms.length > 0){
        window.document.write("<h2>Forms></h2>");
        window.document.write("# Forms = " + window.document.forms.length + "<br>");
        for(var i = 0; i <window.document.forms.length;i++){
            window.document.write("Form[ " + i + "] = "+window.document.forms[i].name + "<br>");
        }
    }
</script>
</body>
</html>


本文出自 “@coder” 博客,请务必保留此出处http://smallcoder.blog.51cto.com/11941149/1856035

JavaScript-------------Dom操作(一)