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>

原文地址:https://www.cnblogs.com/baiduligang/p/4247643.html