Document对象用法

buliangniu · 发表于 2013-2-7 15:01:57

1、返回当前文档标题

<html><head> <title>My title</title></head><body> 该文档的标题是： <script type="text/javascript">       document.write(document.title) //返回当前文档的标题    </script></body></html>
2、返回当前文档的URL

<html><head> <title>返回当前文档的URL</title></head><body> 该文档的URL是： <script type="text/javascript">       document.write(document.URL) //返回当前文档的URL </script></body></html>
3、属性返回加载本文档的文档的URL

<html><head> <title>referrer 属性返回加载本文档的文档的 URL</title></head><body> 本文档的 referrer 是： <script type="text/javascript">       document.write(document.referrer)  //属性返回加载本文档的文档的 URL </script></body></html>
4、返回下载当前文档的服务器域名

<html><head> <title>返回下载当前文档的服务器域名</title></head><body> 本文档的域名是： <script type="text/javascript">       document.write(document.domain) //返回下载当前文档的服务器域名 </script></body></html>
5、使用getElementById()

<html><head> <title>使用getElementById()</title> <script type="text/javascript">       function getValue()       {          var x=document.getElementById("myHeader") //通过ID得到元素          alert(x.innerHTML)       } </script></head><body> <h1 id="myHeader" >       这是一个标题</h1> <p>       点击标题，会提示出它的值。</p></body></html>
6、使用getElementsByName()

<html><head> <title>使用 getElementsByName()</title> <script type="text/javascript">       function getElements()       {          var x=document.getElementsByName("myInput"); //通过Name得到元素          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"  value="名为 'myInput' 的元素有多少个？" /></body></html>
7、返回文档中锚的数目

<html><head> <title>返回文档中锚的数目</title></head><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>
8、返回文档中第一个锚的innerHTML

<html><head> <title>返回文档中第一个锚的innerHTML</title></head><body> <a name="first">第一个锚</a><br /> <a name="second">第二个锚</a><br /> <a name="third">第三个锚</a><br /> <br /> 本文档中第一个锚的 InnerHTML 是： <script type="text/javascript">       document.write(document.anchors[0].innerHTML) //返回文档中第一个锚innerHTML </script></body></html>
9、计算文档中表单的数目

<html><head> <title>计算文档中表单的数目</title></head><body> <form name="Form1"></form> <form name="Form2"></form> <form name="Form3"></form> <script type="text/javascript">       document.write("文档包含： " + document.forms.length + " 个表单。") //计算文档中表单的数目 </script></body></html>
10、计算文档中的图像数目

<html><head> <title>计算文档中的图像数目</title></head><body> <img border="0" src="/01.jpg" /> <br /> <img border="0" src="/02.jpg" /> <br /> <br /> <script type="text/javascript">       document.write("本文档包含：" + document.images.length + " 幅图像。") //计算文档中的图像数目 </script></body></html>

		自动登录	找回密码
密码			立即注册