用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模板插件 jquery.tmpl 动态ajax扩展
Nov 10 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
May 20 Javascript
60个很实用的jQuery代码开发技巧收集
Dec 15 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
jQuery实现按键盘方向键翻页特效
Mar 18 Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
Jul 14 Javascript
轮播图组件js代码
Aug 08 Javascript
Node.js连接mongodb实例代码
Jun 06 Javascript
Vue头像处理方案小结
Jul 26 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
Sep 19 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
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
PHP命名空间定义与用法实例分析
2019/08/14 PHP
JavaScript中使用replace结合正则实现replaceAll的效果
2010/06/04 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
2012/02/03 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
JS按回车键实现登录的方法
2014/08/25 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
让axios发送表单请求形式的键值对post数据的实例
2018/08/11 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
在Python 的线程中运行协程的方法
2020/02/24 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
Myprotein芬兰官网:欧洲第一运动营养品牌
2019/05/05 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
函授自我鉴定
2013/11/06 职场文书
心得体会开头
2014/01/01 职场文书
财务担保书范文
2014/04/02 职场文书
软件售后服务承诺书
2014/05/21 职场文书
2014年党支部承诺书
2014/05/30 职场文书
2015年汽车销售经理工作总结
2015/04/27 职场文书
2015年大学迎新工作总结
2015/07/16 职场文书
拔河比赛队名及霸气口号
2015/12/24 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python