JavaScript获取页面文档内容的方法
作者:闭包旅人时间:2026-10-31 01:17:47浏览:408
本文介绍如何利用JavaScript的document对象获取页面标题及表单值。通过示例代码展示了访问文本框和按钮的具体实现方式,帮助开发者理解DOM操作基础。
JavaScript获取页面文档内容的方法
JavaScript中的document对象包含了页面的实际内容,因此可以利用该对象来获取页面信息,例如页面标题以及各个表单的值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js基础</title>
</head>
<body>
<p>一. 用Document对象获得页面标题</p>
<hr/>
<p>二. 用Document访问一下两个表单</p>
<p>第一个,文本框的值</p>
<form name="textform">
<input name="textname" type="text" value="请输入文本"/>
</form>
<p>第二个,按钮的值</p>
<form name="submitform">
<input name="submitname" type="submit" value="第一个表单内提交"/>
</form>
<hr/>
<p>以下是获取到的值</p>
<table border="1" cellspacing="4" cellpadding="2">
<tr>
<td>获取到本页的标题是 : </td>
<td> <b><script>document.write(document.title)</script></b></td>
</tr>
<tr>
<td>本页包含表单 : </td>
<td><b><script>document.write(document.forms.length)</script></b></td>
</tr>
<tr>
<td>获取到文本框的值 : </td>
<td><b><script>document.write(window.document.textform.textname.value)</script></b></td>
</tr>
<tr>
<td>获取到按钮的值 : </td>
<td><b><script>document.write(window.document.submitform.submitname.value)</script></b></td>
</tr>
</table>
</body>
</html>
以上介绍了使用JavaScript获取页面文档内容的方法,希望能为读者提供参考。
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
