zoukankan      html  css  js  c++  java
  • Document 对象

    HTML DOM referrer 属性

    定义和用法

    referrer 属性可返回载入当前文档的文档的 URL。

    <html>
    <body>


    <p>referrer 属性返回加载本文档的文档的 URL。</p>


    本文档的 referrer 是:
    <script type="text/javascript">
    document.write(document.referrer)
    </script>
    </body>
    </html>

    返回当前文档的标题
    <html>
    <head>
    <title>My title</title>
    </head>


    <body>
    该文档的标题是:
    <script type="text/javascript">
    document.write(document.title)
    </script>
    </body>
    返回当前服务器的域名
    <html>
    <body>


    本文档的域名是:
    <script type="text/javascript">
    document.write(document.domain)
    </script>


    </body>
    </html>


    </html>
    返回当前文档的 URL
    <html>


    <body>
    该文档的 URL 是:
    <script type="text/javascript">
    document.write(document.URL)
    </script>
    </body>
    </html>
    使用 getElementsByName()

    返回文档中锚的数目
    <html>
    <body>


    <a name="first">第一个锚</a><br />
    <a name="second">第二个锚</a><br />
    <a name="third">第三个锚</a><br />
    <br />


    文档中锚的数目:
    <script type="text/javascript">
    document.write(document.anchors.length)
    </script>


    </body>
    </html>


    拿到文档中的哪个锚
    document.write(document.anchors[2].innerHTML)
    计算文档中表单的数目
    <form id="a1" name="Form1"></form>
    <form name="Form2"></form>
    <form name="Form3"></form>


    <script type="text/javascript">
    document.write("文档包含: " + document.forms.length + " 个表单。")


    </script>
    访问集合中的项目
    <html>
    <body>
    <form id="Form1" name="Formaa">
    您的姓名:<input type="text" value="aa">
    </form>
    <form id="Form2" name="Formbbb">
    您的汽车:<input type="text" value="aa">
    </form>


    <p>
    要访问集合中的项目,你既可以使用项目编号,也可以使用项目名称:
    </p>


    <script type="text/javascript">
    document.write("<p>"+document.forms[0].name+"</p>")
    document.write("</p>"+document.getElementById("Form1").name+"</p>")
    </script>


    </body>
    </html>

    计算文档中的图像数目

    <html>
    <head>
    <script type="text/javascript">
    function getElements()
      {
      var x=document.getElementsByName("myInput");
      alert(x.length);
      }
    </script>
    </head>


    <body>
    <input name="myInput" type="text" size="20" /><br />
    <input name="myInput" type="text" size="20" /><br />
    <input name="myInput" type="text" size="20" /><br />
    <br />
    <input type="button" onclick="getElements()" value="名为 'myInput' 的元素有多少个?" />
    </body>
    </html>

    <html>
    <body>
    <img border="0" src="/i/eg_smile.gif" />
    <br />
    <img border="0" src="/i/eg_mouse.jpg" />
    <br /><br />


    <script type="text/javascript">
    document.write("本文档包含:" + document.images.length + " 幅图像。")
    </script>




    </body>
    </html>

  • 相关阅读:
    jdk8u241各系统版本
    jdk8u241各系统版本
    【转】软件测试测试用例设计规范
    虚拟机安装Centos(VirtulBox)
    Java Selenium搭建Web UI自动化环境
    【转】WEB(Javascript)远程调用方案清单
    关于.net页面提交后css失效或部分失效的问题
    常用照片尺寸 照片规格(英寸) (厘米) (像素) 数码相机类型
    【转】jquery的autoComplete 中文介绍
    网页 乱码
  • 原文地址:https://www.cnblogs.com/baiduligang/p/4247643.html
Copyright © 2011-2022 走看看