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" onclick="getValue()">
这是一个标题</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" onclick="getElements()" 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>
分享到：
相关推荐
javascript document 对象 用法
js技术中document对象技术汇总及产用方法的使用，带有例子
DOM中document文档对象常用方法.为网页版。打开后，右击查看元素或源码，ok建议使用火狐，谷歌浏览器，ie
主要介绍了JS document对象简单用法,结合完整实例形式详细分析了JS document对象获取、输出、节点调用等相关操作技巧,需要的朋友可以参考下
每个对象都有自己的属性，顶级对象Window是所有其他子对象的父对象，它可以出现在每个页面上，并且可以咋单个JS应用程序中被多次使用。 下表列出了一些Window对象常用属性： 属性 说明 document 对话框中显示...
主要介绍了html的DOM中document对象images集合用法,实例分析了images集合的语法与使用技巧,需要的朋友可以参考下
主要介绍了html的DOM中document对象anchors集合用法,实例分析了anchors集合的功能及使用技巧,需要的朋友可以参考下
5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()方法用于访问相同name属性的一组元素 7. Document.对象的getElementsByTagName()方法用于访问相同标签的一组元素:: ...
dom4j的各种用法 读取XML文件,获得document对象.解析XML形式的文本,得到document对象.
document.getElementById()对象和使用方法
[removed] //URL地址，配备布置这个属性可以打开新的页面 ————————————————– ——————- 对象方法 window.alert(“text”) //提示信息会话框 window.confirm(“text”) //
本文实例讲述了html的DOM中document对象forms集合用法。分享给大家供大家参考。具体分析如下： forms 集合可返回对文档中所有 Form 对象的引用。 语法： 代码如下:document.forms[] 例子： 代码如下:<html>...
查看(),这个命令是必须使用的,同样是方便查找对象,方法,并了解在易语言中,到底该用.读对象属性(),还是.对象型方法();。3,记住几个主要的对象:application, document, selection, table, cell, range。4,操作的思想:...
探索 FrontPage 中的 Page 对象模型请参阅 特性 Page 对象模型包含 FrontPage Document 对象的常数、事件、方法、对象以及属性，这些对象与 Microsoft Internet Explorer 4.0 或更高版本兼容。这些编程元素通常沿用 ...
用法：document （当前窗口） 或 <窗口对象>.document （指定窗口） 属性： document.title //设置文档标题等价于HTML的<title>标签 document.bgColor //设置页面背景色 document.fgColor //设置...
定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name) 该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。 另外，因为一个...
anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。 B.2 anchors数组 anchors数组是document对象的一个属性,是文档内所有anchor对象的一个列表如果anchor也是一个link(链接),则它会...