用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 EasyUI 使用介绍
Apr 01 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
JS实现关键字搜索时的相关下拉字段效果
Aug 05 Javascript
javascript操作表格排序实例分析
May 06 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
Aug 31 Javascript
利用python分析access日志的方法
Oct 26 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
Dec 21 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
AngularJS实现动态添加Option的方法
May 17 Javascript
vue子路由跳转实现tab选项卡
Jul 24 Javascript
Vue数据双向绑定底层实现原理
Nov 22 Javascript
Openlayers实现点闪烁扩散效果
Sep 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
php实现阳历阴历互转的方法
2015/10/28 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
PHP微信API接口类
2016/08/22 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
php命令行写shell实例详解
2018/07/19 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
JS实现自动变换的菜单效果代码
2015/09/09 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
2016/04/12 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
2017/07/18 jQuery
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
利用Javascript获取选择文本所在的句子详解
2017/12/03 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
Python脚本在Appium库上对移动应用实现自动化测试
2015/04/17 Python
pandas string转dataframe的方法
2018/04/11 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
python3+PyQt5 创建多线程网络应用-TCP客户端和TCP服务器实例
2019/06/17 Python
利用python实现.dcm格式图像转为.jpg格式
2020/01/13 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
前端实现打印图像功能
2019/08/27 HTML / CSS
JRE、JDK、JVM之间的关系怎样
2012/05/16 面试题
法定代表人授权委托书范本
2014/10/07 职场文书
倡议书作文
2015/01/19 职场文书
2015公务员年度考核评语
2015/03/25 职场文书
索尼ICF-36收音机评测
2022/04/30 无线电
Java 定时任务技术趋势简介
2022/05/04 Java/Android