用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中form验证出错信息的查看方法
Oct 08 Javascript
Document.location.href和.replace的区别示例介绍
Mar 04 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
Oct 15 Javascript
Jquery操作Ajax方法小结
Nov 29 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
Node.js连接mongodb实例代码
Jun 06 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
大转盘抽奖小程序版 转盘抽奖网页版
Apr 16 Javascript
Angular之jwt令牌身份验证的实现
Feb 14 Javascript
vue 在服务器端直接修改请求的接口地址
Dec 19 Vue.js
老生常谈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
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
PHP实现财务审核通过后返现金额到客户的功能
2019/07/04 PHP
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
2013/12/25 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
jQuery移动端图片上传组件
2016/06/12 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
JS实现的简单表单验证功能示例
2017/10/13 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
LayUI表格批量删除方法
2018/08/15 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
2018/09/03 Javascript
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
JavaScript中关于base64的一些事
2019/05/06 Javascript
React服务端渲染原理解析与实践
2021/03/04 Javascript
Python中处理字符串的相关的len()方法的使用简介
2015/05/19 Python
通过python+selenium3实现浏览器刷简书文章阅读量
2017/12/26 Python
python如何实现int函数的方法示例
2018/02/19 Python
对python requests的content和text方法的区别详解
2018/10/11 Python
python实现淘宝秒杀脚本
2020/06/23 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
Under Armour安德玛德国官网:美国高端运动科技品牌
2019/03/09 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
护士的自我鉴定
2014/02/07 职场文书
副总经理岗位职责
2014/03/16 职场文书
员工入职担保书范文
2014/04/01 职场文书
讲党性心得体会
2014/09/03 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
同意转租证明
2015/06/24 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
幼儿园小班班务总结
2015/08/03 职场文书
导游词之澳门妈祖庙
2019/12/19 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang