下面小编就为大家带来一篇用 JavaScript 获取页面文档内容的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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 获取页面文档内容的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0302/264993.html