用JavaScript获取页面文档内容的实现代码


Posted in Javascript onJune 10, 2016

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 相关文章推荐
图片自动缩小的js代码,用以防止图片撑破页面
Mar 12 Javascript
理解Javascript_11_constructor实现原理
Oct 18 Javascript
js控制表单操作的常用代码小结
Aug 15 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
高效Web开发的10个jQuery代码片段
Jul 22 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
js实现的在线调色板功能完整实例
Dec 21 Javascript
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
深入理解JavaScript 中的执行上下文和执行栈
Oct 23 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
Vue实现手机计算器
Aug 17 Javascript
老生常谈JavaScript数组的用法
Jun 10 #Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 #Javascript
jQuery学习心得总结(必看篇)
Jun 10 #Javascript
修改js confirm alert 提示框文字的简单实例
Jun 10 #Javascript
由简入繁实现Jquery树状结构的方法(推荐)
Jun 10 #Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 #Javascript
关于网页中的无缝滚动的js代码
Jun 09 #Javascript
You might like
php的控制语句
2006/10/09 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
JS option location 页面跳转实现代码
2008/12/27 Javascript
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
document.forms[].submit()使用介绍
2014/02/19 Javascript
jQuery找出网页上最高元素的方法
2015/03/20 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
jQuery删除当前节点元素
2016/12/07 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
vue打开其他项目页面并传入数据详解
2020/11/25 Vue.js
python 运算符 供重载参考
2009/06/11 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
Python 中Pickle库的使用详解
2018/02/24 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
python 实现按对象传值
2019/12/26 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
英国工作场所设备购买网站:Slingsby
2019/05/03 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/04/11 面试题
英语系本科生求职信范文
2013/12/18 职场文书
人事行政主管岗位职责
2013/12/22 职场文书
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
小学师德师风整改措施
2014/10/27 职场文书
外科护士长工作总结
2015/08/12 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
JavaScript文档对象模型DOM
2021/11/20 Javascript
使用python绘制分组对比柱状图
2022/04/21 Python
oracle数据库去除重复数据
2022/05/20 Oracle
spring 项目实现限流方法示例
2022/07/15 Java/Android