用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 继承机制的实现
Aug 12 Javascript
屏蔽script注入小例子
Nov 12 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
jQuery实现拖拽效果插件的方法
Mar 23 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
vue基于element的区间选择组件
Sep 07 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
vue-quill-editor 自定义工具栏和自定义图片上传路径操作
Aug 03 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
js实现抽奖功能
Nov 24 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
Laravel多域名下字段验证的方法
2019/04/04 PHP
关于JavaScript的一些看法
2009/05/27 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
JS正则表达式获取分组内容的方法详解
2013/11/15 Javascript
javascript中递归函数用法注意点
2015/07/30 Javascript
JavaScript中this详解
2015/09/01 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
jquery自定义右键菜单、全选、不连续选择
2016/03/01 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
Vue2.0实现组件数据的双向绑定问题
2018/03/06 Javascript
使用vue-cli webpack 快速搭建项目的代码
2018/11/21 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
JavaScript实现简单动态表格
2020/12/02 Javascript
200 行python 代码实现 2048 游戏
2018/01/12 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
python3 反射的四种基本方法解析
2019/08/26 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
python利用xpath爬取网上数据并存储到django模型中
2021/02/26 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
巴西购物网站:Onofre Agora
2020/06/08 全球购物
linux面试题参考答案(7)
2014/07/24 面试题
Linux文件操作命令都有哪些
2015/02/27 面试题
幼教毕业生自我鉴定
2014/01/12 职场文书
大学生志愿者感言
2014/01/15 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
物理学专业自荐信
2014/06/11 职场文书
2015年元旦演讲稿
2014/09/12 职场文书
同学聚会通知短信
2015/04/20 职场文书
电影建党伟业观后感
2015/06/01 职场文书
详解Python为什么不用设计模式
2021/06/24 Python
python可视化大屏库big_screen示例详解
2021/11/23 Python