用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 相关文章推荐
Js四则运算函数代码
Jul 21 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
Oct 09 Javascript
js控制href内容的连接内容的变化示例
Apr 30 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
DOM基础教程之使用DOM控制表格
Jan 20 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
May 18 Javascript
微信小程序 input输入框详解及简单实例
Jan 10 Javascript
vue实现动态数据绑定
Apr 28 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
详解vue中组件参数
Jul 09 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 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函数(ignore_user_abort)
2012/08/01 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
JavaScript原生对象之Date对象的属性和方法详解
2015/03/13 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
老生常谈js数据类型
2017/08/03 Javascript
js插件实现图片滑动验证码
2020/09/29 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
2020/10/14 Javascript
Bootstrap FileInput实现图片上传功能
2021/01/28 Javascript
[01:15:00]LGD vs Mineski Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
python字符串连接的N种方式总结
2014/09/17 Python
Python中的rjust()方法使用详解
2015/05/19 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
python中wx模块的具体使用方法
2020/05/15 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
AMAVII眼镜官网:时尚和设计师太阳镜
2019/05/05 全球购物
介绍一下#error预处理
2015/09/25 面试题
就业意向书
2014/07/29 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
2016年第二十五次全国助残日活动总结
2016/04/01 职场文书
MySQL命令行操作时的编码问题详解
2021/04/14 MySQL
七个Python必备的GUI库
2021/04/27 Python