用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 相关文章推荐
通过JAVASCRIPT读取ASP设定的COOKIE
Feb 15 Javascript
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
简单的前端js+ajax 购物车框架(入门篇)
Oct 29 Javascript
js 验证密码强弱的小例子
Mar 21 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
Aug 12 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
Nov 16 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
使用Vue实现简单计算器
Feb 25 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 28 Javascript
jQuery实现穿梭框效果
Jan 19 jQuery
老生常谈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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
PHP读取目录下所有文件的代码
2008/01/07 PHP
php读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
javascript 清除输入框中的数据
2009/04/13 Javascript
JavaScript的document对象和window对象详解
2010/12/30 Javascript
js 用CreateElement动态创建标签示例
2013/11/20 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
2016/12/18 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
Javascript中的async awai的用法
2017/05/17 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
vue的$http的get请求要加上params操作
2020/11/12 Javascript
通过C++学习Python
2015/01/20 Python
Python实现的简单算术游戏实例
2015/05/26 Python
解决Python 遍历字典时删除元素报异常的问题
2016/09/11 Python
利用Python实现Windows下的鼠标键盘模拟的实例代码
2017/07/13 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
环境工程毕业生自荐信
2013/11/17 职场文书
党章学习思想汇报
2014/01/14 职场文书
白酒营销策划方案
2014/08/17 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
企业战略合作意向书
2015/05/08 职场文书
python中pandas.read_csv()函数的深入讲解
2021/03/29 Python