Chinaunix首页 | 论坛 | 博客
  • 博客访问: 463674
  • 博文数量: 141
  • 博客积分: 211
  • 博客等级: 入伍新兵
  • 技术积分: 1049
  • 用 户 组: 普通用户
  • 注册时间: 2010-09-17 16:25
个人简介

如此经年,望尽千帆。

文章分类

全部博文(141)

文章存档

2014年(73)

2013年(65)

2012年(3)

我的朋友

分类: JavaScript

2013-12-14 08:55:09

获取网页源代码的方法有很多,本文为大家介绍下使用JS是如何做到的。
代码: 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5. <title>远程网页源代码读取-</title>
  6. <style type="text/css">
  7. /* 页面字体样式 */
  8. body, td, input, textarea {
  9. font-family:Arial;
  10. font-size:12px;
  11. }
  12. </style>
  13. <script type="text/javascript">
  14. //用于创建XMLHttpRequest对象
  15. function createXmlHttp() {
  16. //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
  17. if (window.XMLHttpRequest) {
  18. xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式
  19. } else {
  20. xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
  21. }
  22. }
  23. //直接通过XMLHttpRequest对象获取远程网页源代码
  24. function getSource() {
  25. var url = document.getElementById("url").value; //获取目标地址信息
  26. //地址为空时提示用户输入
  27. if (url == "") {
  28. alert("请输入网页地址。");
  29. return;
  30. }
  31. document.getElementById("source").value = "正在加载……"; //提示正在加载
  32. createXmlHttp(); //创建XMLHttpRequest对象
  33. xmlHttp.onreadystatechange = writeSource; //设置回调函数
  34. xmlHttp.open("GET", url, true);
  35. xmlHttp.send(null);
  36. }
  37. //将远程网页源代码写入页面文字区域
  38. function writeSource() {
  39. if (xmlHttp.readyState == 4) {
  40. document.getElementById("source").value = xmlHttp.responseText;
  41. }
  42. }
  43. </script>
  44. </head>
  45. <body>
  46. <h1>远程网页源代码读取</h1>
  47. <div>
  48. 地址:<input type="text" id="url">
  49. <input type="button" onclick="getSource()" value="获取源码">
  50. </div>
  51. <textarea rows="10" cols="80" id="source"></textarea>
  52. </body>
  53. </html>
阅读(1893) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~