js獲取任意網頁源碼（js讀取網頁源碼）

本文目錄一覽：

1、JS 獲得網頁代碼
2、JavaScript 如何讀取某網頁的源碼？
3、js獲取網頁源代碼
4、js讀取遠程網頁源碼
5、javascript如何獲取當前網頁的源碼？

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” onclick=”getSource()” value=”獲取源碼”

/div

textarea rows=”10″ cols=”80″ id=”source”/textarea

/body

/html

給分啊

JavaScript 如何讀取某網頁的源碼？

可以使用parent.網頁所在窗口的名字.doucment.body.innerHTML屬性來讀取網頁主體中的代碼,但是要獲得整個網頁的源碼可能只使用JavaScript是辦不到的.

js獲取網頁源代碼

let sourceCodeTxt = ”;

var xhr = new XMLHttpRequest();

xhr.open(‘GET’, window.location.href, false);

xhr.send();

sourceCodeTxt= xhr.responseText;

js讀取遠程網頁源碼

代碼如下: