用JavaScript获取页面文档内容的实现代码
更新时间：2016年06月10日 15:51:26 投稿：jingxian
下面小编就为大家带来一篇用JavaScript获取页面文档内容的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript的document对象包含了页面的实际内容，所以利用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获取页面文档内容的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
下面小编就为大家带来一篇JavaScript事件方法(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要给大家介绍了关于JavaScript中split()方法的相关资料,split()方法在js处理字符串是很常见,也是很重要的一种方法必须熟练掌握,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了template标签用法(含vue中的用法总结)，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2021-01-01
下面小编就为大家带来一篇JS全角与半角转化实例(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了JS的拖拽属性draggable详解,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
在用AJAX的时候，经常要用JS操作DOM，当涉及到数据列表的时候，那用表格比较多，这里写了组函数集合，专门用来操作表格，当然，目前还有很多不足，但是对一些简单操作还是很方便的。2009-05-05
这篇文章主要为大家详细介绍了基于bootstrap实现图片轮播效果的相关资料，具有一定的参考价值，感兴趣的朋友可以参考一下2016-05-05
本文主要介绍了JavaScript中Function与Object的关系，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
这篇文章主要介绍了JavaScript 数据结构之集合创建,上一篇我们介绍了什么是集合，并且手动实现了一个集合的类,本篇基于上篇内容继续深入介绍需要的小伙伴可以参考一下2022-04-04
这篇文章主要介绍了前端大屏开发3种主流适配方案的相关资料,分别是vwvh方案、scale方案和rem+vwvh方案,每种方案都有其优缺点,可以根据具体需求选择合适的方法,需要的朋友可以参考下2025-03-03
最新评论