zoukankan      html  css  js  c++  java
  • JavaScript入门2

    5.document对象:
    Document对象是window对象的一个对象属性,代表浏览器窗口中装载的整个HTML文档。文档中的每个HTML元素对应着JavaScript对象。 因为document代表整个HTML文档,是其他HTML元素的根节点,其他节点可以通过document引用。 document的属性和方法一般用来设置文档的外观和内容。

    1.documen对象s属性:
    Document对象属性实现的功能用HTML中的标签也可以实现,从表面效果看来相似,但是与事件处理程序结合使用就体现出二者的不同。

    2.document对象方法:
    最常用的就是 writeln()方法,一些常用的document对象方法如表所示:
    open()---打开一个流,跟window对象的open()方法类似。
    close()---关闭open()方法打开的输出流
    write()---向html文档中写入内容。
    writeln()---与write()方法相比,每次写完内容后多一个换行符。
    getElementById()---返回文档中任何元素(Id属性具有唯一性)的引用
    getElementsByName()---返回指定name属性的对象引用数组。
    getElementsByTagName()---返回指定标签名的对象引用数组
    createElement()---产生一个代表某个HTML元素的对象,而后使用个父元素的方法来休干文档的内容(如appendChild()方法)

    3.document对象事件:
    document对象常用的事件处理程序就是window对象中介绍的通用事件,下面通过一个document对 象的实例来演示其属性和方法的使用。

    <head>
    <script language="JavaScript">
                function setDocument() {
                    document.bgColor = "white";
                    document.fgColor = "black";
                    document.alinkColor = "red";
                    document.vlinkColor = "green";
                    document.linkColor = "yellow";
                }
                function create_Element() {
                    var area = document.getElementById("area");  //通过area读取得对象。
                    var element = document.createElement("input");   //动态创建一个对象
                    element.type="radio";
                        var obj = area.appendChild(element);   //将对象插入到area中,返回值是添加的节点
                    obj.checked=true;
                }
    </script>
    </head>
    
    <body onload=="setDocument()">
            <h1>document对象的属性和方法</h1><br>
                <font color=red onclick="javascript:create_Element()">
                            点一下这里
                        </font>
                        <br><br>
            <a href="newWindow.html">进入新窗口</a><br>
            <div id="area"></div>
    </body>
    
    
    (newWindow.html)
    <head>
            <script language="JavaScript">
                document.write("hello! 欢迎来到新窗口");
            </script>
    </head>
    <body>
        <h1>这是新窗口</h1>
    </body>
                

    第一个页面打开后的效果,什么标题,红色文本,连接都是通过document对象设置网页文档的背景颜色,文本颜色等等。

    点一下红色文本就会出现一个已选定的单选按钮

    新链接 的窗口

    JavaScript中还有很多其他对象,事实上,HTML中每个元素基本都在JavaScript中有相应的对象。

  • 相关阅读:
    技术债务MartinFlower
    如何定义产品愿景
    领域驱动设计阶段知识总结
    领域驱动设计的价值
    什么是数字产品
    NestOS 发布:基于华为欧拉开源系统的云底座操作系统
    架子鼓MIDI及相关软件
    TM4 JDK1.8连接SqlServer报错:The driver could not establish a secure connection to SQL Server by using Secure Sockets Layer (SSL)
    关于GPL协议的理解(开源与商用、免费与收费的理解)
    nest js 限制客户端在一定时间内的请求次数
  • 原文地址:https://www.cnblogs.com/wangshen31/p/7913485.html
Copyright © 2011-2022 走看看