跨网站获取URL下的html源码
2015-08-12 17:08
756 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text
ml; charset=utf-8">
<title>1111</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("input");
return;
}
document.getElementById("source").value = "fff……"; //提示正在加载
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>2222</h1>
<div>
add:<input type="text" id="url">
<input type="button" onclick="getSource()" value="get">
</div>
<textarea rows="10" cols="80" id="source"></textarea>
</body>
<
ml>
<html>
<head>
<meta http-equiv="Content-type" content="text
ml; charset=utf-8">
<title>1111</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("input");
return;
}
document.getElementById("source").value = "fff……"; //提示正在加载
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>2222</h1>
<div>
add:<input type="text" id="url">
<input type="button" onclick="getSource()" value="get">
</div>
<textarea rows="10" cols="80" id="source"></textarea>
</body>
<
ml>
相关文章推荐
- RESTful架构
- 在线聊天室的实现(4)--分布式聊天室的基础架构
- 由于csdn网站太,所以以后开始写笔记了。
- VS2010发布网站失败解决办法
- 红帽企业虚虚拟化平台RHEV系统架构精讲
- 架构师应该掌握什么技术?
- 获取访问网站客户ip地址
- 【Android架构GPS篇】之定位数据如何从GPS芯片到应用层(一)
- mysql高可用之mha(补充1)
- 网站架构变迁介绍
- 免费样片申请网站集合
- 网站变灰
- 三层架构:表示层——业务逻辑层——数据访问层
- 配置LVS+keepalived 高可用负载均衡集群
- 社交产品后端架构设计
- 社交产品后端架构设计
- 网站建设与维护常识
- 制作企业网站要关注哪些问题
- android 集合架构四- LinkedList
- 软件架构设计应该考虑的问题(优秀)