JS远程获取网页源代码实例


Posted in Javascript onSeptember 05, 2013
<!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" onclick="getSource()" value="获取源码"> 
</div> 
<textarea rows="10" cols="80" id="source"></textarea> 
</body> 
</html>
Javascript 相关文章推荐
jQuery的学习步骤
Feb 23 Javascript
javascript模拟select,jselect的方法实现
Nov 08 Javascript
javascript利用控件对windows的操作实现原理与应用
Dec 23 Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
javascript if条件判断方法小结
May 17 Javascript
Javascript实现颜色rgb与16进制转换的方法
Apr 18 Javascript
jQuery弹出层插件popShow用法示例
Jan 23 Javascript
详解用webpack2.0构建vue2.0超详细精简版
Apr 05 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
Dec 03 Javascript
VScode格式化ESlint方法(最全最好用方法)
Sep 10 Javascript
vue开发简单上传图片功能
Jun 30 Javascript
TS 类型兼容教程示例详解
Sep 23 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 #Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 #Javascript
JavaScript移除数组元素减少长度的方法
Sep 05 #Javascript
js编码、解码函数介绍及其使用示例
Sep 05 #Javascript
Jquery中给animation加更多的运作效果实例
Sep 05 #Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
Sep 05 #Javascript
jQuery关于导航条背景切换效果实现示例
Sep 04 #Javascript
You might like
《魔兽争霸3:重制版》翻车了?你想要的我们都没有
2019/11/07 魔兽争霸
php实现json编码的方法
2015/07/30 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
Yii2实现中国省市区三级联动实例
2017/02/08 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
用JavaScript隐藏控件的方法
2009/09/21 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
Javascript中数组sort和reverse用法分析
2014/12/30 Javascript
javascript控制台详解
2015/06/25 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
2015/10/10 Javascript
javascript移动开发中touch触摸事件详解
2016/03/18 Javascript
js 求时间差的实现代码
2016/04/26 Javascript
总结JavaScript三种数据存储方式之间的区别
2016/05/03 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
2016/12/23 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
小程序实现搜索框功能
2020/03/26 Javascript
javascript实现扫雷简易版
2020/08/18 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
Python使用googletrans报错的解决方法
2018/09/25 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
python web框架中实现原生分页
2019/09/08 Python
Python列表list操作相关知识小结
2020/01/29 Python
python使用scapy模块实现ARP扫描的过程
2021/01/21 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
中外合拍动画首获奥斯卡提名,“上海出品”《飞奔去月球》能否拿下最终大奖?
2021/03/16 国漫
波兰珠宝品牌:YES
2019/08/09 全球购物
声明struct x1 { . . . }; 和typedef struct { . . . }x2;有什么不同
2012/06/02 面试题
军训 自我鉴定
2014/02/03 职场文书
暑假家长评语大全
2014/04/17 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
导游词之贵州织金洞
2019/10/12 职场文书
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS