用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 相关文章推荐
prototype与jquery下Ajax实现的差别
Sep 13 Javascript
js实现回放拖拽轨迹从过程上进行分析
Jun 26 Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 Javascript
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
Bootstrap框架的学习教程详解(二)
Oct 18 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
微信小程序 开发之全局配置
May 05 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
微信小程序使用wxParse解析html的方法教程
Jul 06 Javascript
js实现点击展开隐藏效果(实例代码)
Sep 28 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 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中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
PHP多维数组排序array详解
2017/11/21 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
2012/02/10 Javascript
js实现鼠标经过表格行变色的方法
2015/05/12 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
详解vue.js 开发环境搭建最简单攻略
2017/06/12 Javascript
深入剖析JavaScript instanceof 运算符
2019/06/14 Javascript
JS中的一些常用的函数式编程术语
2019/06/15 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
vue+elementUI动态生成面包屑导航教程
2019/11/04 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
[01:13:51]TNC vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python通过colorama模块在控制台输出彩色文字的方法
2015/03/19 Python
Python如何import文件夹下的文件(实现方法)
2017/01/24 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
Django 请求Request的具体使用方法
2019/11/11 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
浅谈ROC曲线的最佳阈值如何选取
2020/02/28 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
美国最大的半成品净菜电商:Blue Apron(蓝围裙)
2018/04/27 全球购物
如何开启linux的ssh服务
2015/02/14 面试题
关于打架的检讨书
2014/01/17 职场文书
《童趣》教学反思
2014/02/19 职场文书
社会治安综合治理管理责任书
2014/04/16 职场文书
党员干部四风问题整改措施思想汇报
2014/10/12 职场文书
婚庆司仪开场白
2015/05/29 职场文书
PyTorch中的torch.cat简单介绍
2022/03/17 Python
我的收音机情缘
2022/04/05 无线电