用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中匿名函数,函数直接量和闭包
May 08 Javascript
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 Javascript
使用jQuery实现Web页面换肤功能的要点解析
May 12 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
Nov 22 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
微信小程序 支付功能(前端)的实现
May 24 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
Jul 17 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
angularjs实现分页和搜索功能
Jan 03 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
Jan 09 Javascript
详解微信小程序中var、let、const用法与区别
Jan 11 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中动态显示签名和ip原理
2007/03/28 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
laravel 解决多库下的DB::transaction()事务失效问题
2019/10/21 PHP
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
JS完成代码前最好对其做5件事
2013/04/07 Javascript
javascript的事件触发器介绍的实现
2014/06/05 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
javascript定义变量时加var与不加var的区别
2014/12/22 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
深入理解js promise chain
2016/05/05 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
JS 仿支付宝input文本输入框放大组件的实例
2017/11/14 Javascript
vue+element-ui+ajax实现一个表格的实例
2018/03/09 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
2019/09/01 Javascript
深入浅析vue中cross-env的使用
2019/09/12 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
python利用datetime模块计算时间差
2015/08/04 Python
Python双精度浮点数运算并分行显示操作示例
2017/07/21 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
python自定义函数def的应用详解
2020/06/03 Python
好的自荐信包括什么内容
2013/11/07 职场文书
个人借款担保书
2014/04/02 职场文书
小学优秀辅导员事迹材料
2014/05/11 职场文书
项目委托协议书(最新)
2014/09/13 职场文书
刑事代理授权委托书
2014/09/17 职场文书
工作年限证明模板
2015/06/15 职场文书
团组织关系介绍信
2019/06/24 职场文书
Oracle设置DB、监听和EM开机启动的方法
2021/04/25 Oracle
你知道Java Spring的两种事务吗
2022/03/16 Java/Android