用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 相关文章推荐
jquery last-child 列表最后一项的样式
Jan 22 Javascript
深入理解javascript中的立即执行函数(function(){…})()
Jun 12 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 Javascript
js实现点击添加一个input节点
Dec 05 Javascript
javascript实现禁止复制网页内容
Dec 16 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
详解vue axios中文文档
Sep 12 Javascript
Vue文件配置全局变量的实例
Sep 06 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
Sep 25 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 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
php curl 伪造IP来源的实例代码
2012/11/01 PHP
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
PHP实现的构造sql语句类实例
2016/02/03 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
Thinkphp结合ajaxFileUpload实现异步图片传输示例
2017/03/13 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
两个select之间option的互相添加操作(jquery实现)
2009/11/12 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
2014/09/04 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
JavaScript生成二维码图片小结
2015/12/27 Javascript
JS开发常用工具函数(小结)
2019/07/04 Javascript
原生js滑动轮播封装
2020/07/31 Javascript
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[47:03]完美世界DOTA2联赛PWL S3 access vs LBZS 第一场 12.20
2020/12/23 DOTA
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
Python计算一个文件里字数的方法
2015/06/15 Python
Python如何将函数值赋给变量
2020/04/28 Python
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
Omio荷兰:预订火车、巴士和机票
2018/11/04 全球购物
武汉某公司的C#笔试题面试题
2015/12/25 面试题
化验室技术员岗位职责
2013/12/24 职场文书
小学生关于梦想的演讲稿
2014/08/22 职场文书
2014年学习部工作总结
2014/11/12 职场文书
家长通知书家长意见
2014/12/30 职场文书
文明倡议书
2015/01/19 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书
工会文体活动总结
2015/05/07 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
2015-2016年小学教导工作总结
2015/07/21 职场文书
Win11查看设备管理器
2022/04/19 数码科技