JS遠程獲取網(wǎng)頁源代碼實例
更新時間：2013年09月05日 18:00:32 作者：
獲取網(wǎng)頁源代碼的方法有很多，本文為大家介紹下使用JS是如何做到的，感興趣的朋友可以學(xué)習(xí)下哦
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>遠程網(wǎng)頁源代碼讀取</title>
<style type="text/css">
/* 頁面字體樣式 */
body, td, input, textarea {
font-family:Arial;
font-size:12px;
}
</style>
<script type="text/javascript">
//用于創(chuàng)建XMLHttpRequest對象
function createXmlHttp() {
//根據(jù)window.XMLHttpRequest對象是否存在使用不同的創(chuàng)建方式
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest(); //FireFox、Opera等瀏覽器支持的創(chuàng)建方式
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE瀏覽器支持的創(chuàng)建方式
}
}
//直接通過XMLHttpRequest對象獲取遠程網(wǎng)頁源代碼
function getSource() {
var url = document.getElementById("url").value; //獲取目標地址信息
//地址為空時提示用戶輸入
if (url == "") {
alert("請輸入網(wǎng)頁地址。");
return;
}
document.getElementById("source").value = "正在加載……"; //提示正在加載
createXmlHttp(); //創(chuàng)建XMLHttpRequest對象
xmlHttp.onreadystatechange = writeSource; //設(shè)置回調(diào)函數(shù)
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
//將遠程網(wǎng)頁源代碼寫入頁面文字區(qū)域
function writeSource() {
if (xmlHttp.readyState == 4) {
document.getElementById("source").value = xmlHttp.responseText;
}
}
</script>
</head>
<body>
<h1>遠程網(wǎng)頁源代碼讀取</h1>
<div>
地址：<input type="text" id="url">
<input type="button" onclick="getSource()" value="獲取源碼">
</div>
<textarea rows="10" cols="80" id="source"></textarea>
</body>
</html>
相關(guān)文章
JS實現(xiàn)iframe編輯器光標位置插入內(nèi)容的方法(兼容IE和Firefox)
這篇文章主要介紹了JS實現(xiàn)iframe編輯器光標位置插入內(nèi)容的方法,可實現(xiàn)文本與圖片的插入功能,并兼容IE和Firefox瀏覽器,需要的朋友可以參考下2016-06-06
JS實現(xiàn)的倒計時恢復(fù)按鈕點擊功能【可用于協(xié)議閱讀倒計時】
這篇文章主要介紹了JS實現(xiàn)的倒計時恢復(fù)按鈕點擊功能,可用于協(xié)議閱讀倒計時,涉及javascript基于setInterval的時間定時觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
這篇文章主要為大家詳細介紹了原生js實現(xiàn)彈窗消息動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JS繼承分類、原理與用法,結(jié)合實例形式較為詳細的總結(jié)分析了javascript原型鏈繼承、構(gòu)造函數(shù)繼承、組合繼承、原型式繼承、寄生式繼承和寄生組合式繼承等相關(guān)原理及使用方法,需要的朋友可以參考下2019-01-01
js調(diào)試工具console.log()方法查看js代碼的執(zhí)行情況
以往都是使用alert的方式查看js代碼的執(zhí)行情況，今天看到有朋友使用console.log函數(shù)打印輸出函數(shù),變量,對象,下邊就console.log的使用情況進行記錄2014-08-08
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript編寫更好的條件語句的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
replace() 方法用于將字符串用一些字符替換另一些字符，如果用正則表達式替換時， regexp 具有全局標志 g，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10
這篇文章主要為大家詳細介紹了原生JS+Canvas實現(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要為大家詳細介紹了微信小程序動畫實現(xiàn)下拉刷新動畫，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
如何實現(xiàn)方法重載，涉及到三個問題：同名函數(shù)的調(diào)用、函數(shù)中特殊的參數(shù)arguments、如何利用arguments實現(xiàn)方法重載,需要的朋友可以參考下2014-07-07