在網(wǎng)頁開發(fā)中,有時我們需要獲得某個網(wǎng)站的頁面代碼,以便于分析其結構與信息。今天我們來學習如何使用HTML5代碼扒下一個網(wǎng)站的頁面代碼。
<!DOCTYPE html><html><head><title>扒下網(wǎng)站頁面代碼</title></head><body><form action=""><label>輸入要扒下的網(wǎng)站地址:</label><input type="text" id="url" placeholder="http(s)://www.example.com"><br><button type="submit" onclick="getCode()">扒下</button></form><p id="code"></p><script>function getCode() {var url = document.getElementById("url").value;var xhr = new XMLHttpRequest();xhr.onreadystatechange = function() {if (xhr.readyState == 4 && xhr.status == 200) {document.getElementById("code").innerHTML = xhr.responseText;}};xhr.open("GET", url, true);xhr.send();}</script></body></html>
以上是一個簡單的HTML頁面,其中包含一個輸入框和一個按鈕。當我們輸入要扒下的網(wǎng)站地址后,點擊按鈕,頁面會使用JavaScript中的XMLHttpRequest對象向服務器發(fā)送GET請求,獲取到網(wǎng)站的頁面代碼。最終在網(wǎng)頁中顯示出來。
其中需要注意的是,在使用XMLHttpRequest對象發(fā)送請求時,因為存在瀏覽器安全機制,是無法跨域訪問的。即我們只能獲取到與當前網(wǎng)頁同源的網(wǎng)頁代碼。若要獲取其他域名下的網(wǎng)頁代碼,則需要使用服務器中轉。
下一篇新的css英雄怎么獲得