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 相关文章推荐
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
PageSwitch插件实现100种不同图片切换效果
Jul 28 Javascript
jquery实现的蓝色二级导航条效果代码
Aug 24 Javascript
JS设置手机验证码60s等待实现代码
Jun 14 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 Javascript
JS控制GIF图片的停止与显示
Oct 24 Javascript
JS实现动态星空背景效果
Nov 01 Javascript
VUE中setTimeout和setInterval自动销毁案例
Sep 07 Javascript
Javascript实现打鼓效果
Jan 29 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
PHP 验证码不显示只有一个小红叉的解决方法
2013/09/30 PHP
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
PHP中常见的缓存技术实例分析
2015/09/23 PHP
使用IE的地址栏来辅助调试Web页脚本
2007/03/08 Javascript
javascript实现动态CSS换肤技术的脚本
2007/06/29 Javascript
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
JS更改select内option属性的方法
2015/10/14 Javascript
原生js编写autoComplete插件
2016/04/13 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
2016/12/14 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
Python模块学习 filecmp 文件比较
2012/08/27 Python
Python中property属性实例解析
2018/02/10 Python
python+splinter自动刷新抢票功能
2018/09/25 Python
pycham查看程序执行的时间方法
2018/11/29 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
JBL英国官网:JBL UK
2018/07/04 全球购物
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
竞选部门副经理的自荐书范文
2014/02/11 职场文书
银行金融服务方案
2014/06/11 职场文书
中秋手机店促销方案
2014/06/16 职场文书
竞选学委演讲稿
2014/09/13 职场文书
单位租房协议书样本
2014/10/30 职场文书
如何用python反转图片,视频
2021/04/24 Python
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技
Django框架中表单的用法
2022/06/10 Python