利用JavaScript获取页面文档内容

于果

发布于 2021-08-25 15:38:41

2.1K00

代码可运行

文章被收录于专栏：效能与质量效能与质量

运行总次数：0

代码可运行

JavaScript的document对象包含了页面的实际内容，所以利用document对象可以获取页面内容，例如页面标题、各个表单值。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>js基础</title>
 6 
 7 </head>
 8 
 9 <body>
10 <p>一. 用Document对象获得页面标题</p>
11 <hr/>
12 <p>二. 用Document访问一下两个表单</p>
13 
14 <p>第一个，文本框的值</p>
15 
16 <form name="textform">
17     <input name="textname" type="text" value="请输入文本"/>
18 </form>
19 <p>第二个，按钮的值</p>
20 
21 <form name="submitform">
22     <input name="submitname" type="submit" value="第一个表单内提交"/>
23 </form>
24 <hr/>
25 <p>以下是获取到的值</p>
26 <table border="1" cellspacing="4" cellpadding="2">
27     <tr>
28         <td>获取到本页的标题是 ： </td>
29         <td> <b><script>document.write(document.title)</script></b></td>
30     </tr>
31     <tr>
32         <td>本页包含表单 ： </td>
33         <td><b><script>document.write(document.forms.length)</script></b></td>
34     </tr>
35     <tr>
36         <td>获取到文本框的值 ： </td>
37         <td><b><script>document.write(window.document.textform.textname.value)</script></b></td>
38     </tr>
39     <tr>
40         <td>获取到按钮的值 ： </td>
41         <td><b><script>document.write(window.document.submitform.submitname.value)</script></b></td>
42     </tr>
43 
44 </table>
45 
46 </body>
47 </html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2016-05-20 ，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript