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中有相应的对象。

  • 相关阅读:
    file is universal (3 slices) but does not contain a(n) armv7s slice error for static libraries on iOS
    WebImageButton does not change images after being enabled in Javascript
    ajax OPTION
    编程遍历页面上所有TextBox控件并给它赋值为string.Empty?
    获取海洋天气预报
    C#线程系列教程(1):BeginInvoke和EndInvoke方法
    js控制只能输入数字和小数点
    Response.AddHeader(,)
    ManualResetEvent的理解
    Convert.ToInt32、int.Parse(Int32.Parse)、int.TryParse、(int) 区别
  • 原文地址:https://www.cnblogs.com/wangshen31/p/7913485.html
Copyright © 2011-2022 走看看