js技术要点---JS 获取网页源代码

绝代码农

　　JS 获取网页源代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>远程网页源代码读取</title>
<style type="text/css">
/* 页面字体样式 */
body, td, input, textarea {
  font-family:Arial;
  font-size:12px;
}
</style>
<script type="text/javascript">
//用于创建XMLHttpRequest对象
function createXmlHttp() {
  //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
  if (window.XMLHttpRequest) {
     xmlHttp = new XMLHttpRequest();          //FireFox、Opera等浏览器支持的创建方式
  } else {
     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
  }
}
//直接通过XMLHttpRequest对象获取远程网页源代码
function getSource() {
  var url = document.getElementById("url").value;       //获取目标地址信息
  //地址为空时提示用户输入
  if (url == "") {
    alert("请输入网页地址。");
    return;
  }
  document.getElementById("source").value = "正在加载……";   //提示正在加载
  createXmlHttp();                      //创建XMLHttpRequest对象
  xmlHttp.onreadystatechange = writeSource;           //设置回调函数
  xmlHttp.open("GET", url, true);
  xmlHttp.send(null);
}
//将远程网页源代码写入页面文字区域
function writeSource() {
  if (xmlHttp.readyState == 4) {
    document.getElementById("source").value = xmlHttp.responseText;
  }
}
</script>
</head>
<body>
<h1>远程网页源代码读取</h1>
<div>
  地址：<input type="text" id="url">
  <input type="button" οnclick="getSource()" value="获取源码">
</div>
<textarea rows="10" cols="80" id="source"></textarea>
</body>
</html>

[其他] js技术要点---JS 获取网页源代码

相关帖子

电脑没有浏览器进入网页方法

网页图片显示红叉解决方法

2345浏览器网页打不开解决方法

网页页面大小设置快捷键

ASP.NET 网页- WebGrid 帮助器简介

利用CSS样式将网页变黑白色效果

WordPress怎么获取当前页面URL地址

常用HTML网页跳转的几种方法

利用php/html实现随机抓取网页图片,视频做背景

阿里云盘获取refresh_token方法

绝代码农 LV4