Document对象用法
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.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>
页:
[1]