编程 Javascript

用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获取页面文档内容的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

写js时遇到的一些小问题

Dec 06 Javascript

基于jquery实现拆分姓名的方法(纯JS版)

May 08 Javascript

jquery中对于批量deferred的处理方法

Jan 22 Javascript

Javascript aop(面向切面编程)之around(环绕)分析

May 01 Javascript

jQuery判断多个input file 都不能为空的例子

Jun 23 Javascript

浅谈JavaScript异常处理语句

Jun 26 Javascript

jQuery遍历DOM元素与节点方法详解

Apr 14 Javascript

AngularJs E2E Testing 详解

Sep 02 Javascript

js实现省市级联效果分享

Aug 10 Javascript

vue+iview+less 实现换肤功能

Aug 17 Javascript

vue中实现弹出层动画效果的示例代码

Sep 25 Javascript

JavaScript 绘制饼图的示例

Feb 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