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>

  • 相关阅读:
    Hystrix使用说明,配置参数说明
    服务限流 -- 自定义注解基于RateLimiter实现接口限流
    Java生产环境下问题排查
    Java垃圾回收(GC)机制详解
    RabbitMQ如何解决各种情况下丢数据的问题
    JWT如何在Spring Cloud微服务系统中在服务相互调时传递
    LeetCode 117th Weekly Contest 总结
    系统设计总结
    单调栈总结
    LeetCode 116th Weekly Contest 总结
  • 原文地址:https://www.cnblogs.com/baiduligang/p/4247643.html
Copyright © 2011-2022 走看看