用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 函数中的参数使用分析
Mar 27 Javascript
基于jQuery实现点击同时更改两个iframe的网址
Jul 01 Javascript
js自动闭合html标签(自动补全html标记)
Oct 04 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
JS实现很实用的对联广告代码(可自适应高度)
Sep 18 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
使用jquery如何获取时间
Oct 13 Javascript
javascript 正则表达式分组、断言详解
Apr 20 Javascript
Node.js如何使用Diffie-Hellman密钥交换算法详解
Sep 05 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
angular写一个列表的选择全选交互组件的示例
Jan 22 Javascript
深入理解Node内建模块和对象
Mar 12 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
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
php根据日期显示所在星座的方法
2015/07/13 PHP
PHP安全下载文件的方法
2016/04/07 PHP
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
jQuery.validate 常用方法及需要注意的问题
2013/03/20 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
js window.open弹出新的网页窗口
2014/01/16 Javascript
c#+jquery实现获取radio和checkbox的值
2020/09/12 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
jQuery横向擦除焦点图特效代码分享
2015/09/06 Javascript
封装属于自己的JS组件
2016/01/27 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
2017/01/06 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
解析Python中的二进制位运算符
2015/05/13 Python
python异常和文件处理机制详解
2016/07/19 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
set在python里的含义和用法
2019/06/24 Python
深入了解Python iter() 方法的用法
2019/07/11 Python
python自动生成model文件过程详解
2019/11/02 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
阿拉伯世界最大的电子卖场:Souq埃及
2016/08/01 全球购物
银行实习生自我鉴定范文
2013/09/19 职场文书
文秘专业毕业生就业推荐信
2013/11/08 职场文书
给分销商的致歉信
2014/01/14 职场文书
办公室综合文员岗位职责范本
2014/02/13 职场文书
初一新生军训方案
2014/05/22 职场文书
党员批评与自我批评总结
2014/10/15 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
Win11怎么启动任务管理器?Win11启动任务管理器的几种方法
2021/11/23 数码科技