用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 相关文章推荐
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
js 控制下拉菜单刷新的方法
Mar 03 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
javascript数组排序汇总
Jul 07 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
Jul 07 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
JS实现手写parseInt的方法示例
Sep 24 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
Oct 17 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
用原生 JS 实现 innerHTML 功能实例详解
Apr 03 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
使用eAccelerator加密PHP程序
2008/10/03 PHP
Could not load type System.ServiceModel.Activation.HttpModule解决办法
2012/12/29 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
JavaScript 学习笔记(十三)Dom创建表格
2010/01/21 Javascript
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
Javascript基础教程之比较null和undefined值
2016/05/16 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
Python实现一个简单的MySQL类
2015/01/07 Python
python使用post提交数据到远程url的方法
2015/04/29 Python
python cx_Oracle的基础使用方法(连接和增删改查)
2017/11/19 Python
python OpenCV学习笔记之绘制直方图的方法
2018/02/08 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
matplotlib 三维图表绘制方法简介
2020/09/20 Python
详解canvas drawImage()方法绘制图片不显示的问题
2018/10/08 HTML / CSS
德国高性价比网上药店:medpex
2017/07/09 全球购物
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
捐书寄语赠言
2014/01/18 职场文书
铁人观后感
2015/06/16 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS
公历12个月名称的由来
2022/04/12 杂记
使用MybatisPlus打印sql语句
2022/04/22 SQL Server