用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库 开发规则
Jan 31 Javascript
ext 同步和异步示例代码
Sep 18 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
JS+CSS实现Li列表隔行换色效果的方法
Feb 16 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
js通过classname来获取元素的方法
Nov 24 Javascript
JS常见算法详解
Feb 28 Javascript
JS中的事件委托实例浅析
Mar 22 Javascript
JavaScript如何使用插值实现图像渐变
Jun 28 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性能优化 产生高度优化代码
2011/07/22 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
cookie 最近浏览记录(中文escape转码)具体实现
2013/06/08 Javascript
jQuery源码解读之hasClass()方法分析
2015/02/20 Javascript
JavaScript取得键盘按下方向键是哪个的方法
2015/08/04 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
基于jQuery实现收缩展开功能
2016/03/18 Javascript
javascript闭包概念简单解析(推荐)
2016/06/03 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
关于vue-router的那些事儿
2018/05/23 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
2018/09/28 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
vue中使用v-model完成组件间的通信
2019/08/22 Javascript
Node.js API详解之 string_decoder用法实例分析
2020/04/29 Javascript
jQuery实现移动端笔触canvas电子签名
2020/05/21 jQuery
微信小程序picker组件两列关联使用方式
2020/10/27 Javascript
[05:56]第十六期——新进3大C之小兔基
2014/06/24 DOTA
python编写的最短路径算法
2015/03/25 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
Matplotlib使用Cursor实现UI定位的示例代码
2020/03/12 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
JAVA SWT事件四种写法实例解析
2020/06/05 Python
解决H5的a标签的download属性下载service上的文件出现跨域问题
2019/07/16 HTML / CSS
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
九年级化学教学反思
2016/02/22 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python
船舶调度指挥系统——助力智慧海事
2022/02/18 无线电