1. 程式人生 > >JS 獲取網頁原始碼

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>

相關推薦

JS 獲取網頁原始碼

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" conte

js 獲取 網頁原始碼

JS程式碼: 複製程式碼 程式碼如下: <script language="javascript" type="text/javascript"> //需要讀取的xml檔案 var uRl = "jsReadXml.xml"; var xmlDoc;

JS遠端獲取網頁原始碼例項

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" conten

android webview獲取網頁原始碼js執行前後

public static String getHtml(String path) throws Exception { // 通過網路地址建立URL物件 URL url = new URL(path); // 根據URL // 開啟連線,URL.openConnection函式會根據URL

前端Js獲取網頁位址列引數!

 function get(name){    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");    var r = window.location.search.s

PHP獲取網頁原始碼最簡單的兩種方法

第一種:curl 廢話不多說,直接上程式碼 //1,獲取curl控制代碼 $ch = curl_init(); // 2. 設定選項,包括URL curl_setopt($ch,CURLOPT_URL,"http://www.baidu.com/"); curl_

Linux獲取網頁原始碼的幾種方法 linux爬蟲程式

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Python3 Selenium WebDriver網頁的前進、後退、重新整理、最大化、獲取視窗位置、設定視窗大小、獲取頁面title、獲取網頁原始碼獲取Url等基本操作

Python3 Selenium WebDriver網頁的前進、後退、重新整理、最大化、獲取視窗位置、設定視窗大小、獲取頁面title、獲取網頁原始碼、獲取Url等基本操作 通過selenium webdriver操作網頁前進、後退、重新整理、最大化、獲取視窗位置、設定視窗大小、獲取頁面title、獲取網頁

C#獲取網頁原始碼

/// <summary> /// 獲取網頁原始碼 /// </summary> /// <param name="url"></param> /// <returns></returns> protected string

[Xcode10 實際操作]八、網路與多執行緒-(9)使用非同步Get方式獲取網頁原始碼

本文將演示如何通過Get請求方式,非同步獲取網頁原始碼。 非同步請求與同步請求相比,不會阻塞程式的主執行緒,而會建立一個新的執行緒。 在專案導航區,開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewCont

JS獲取網頁的高和寬 以及 點選按鈕回到頂部動畫

網頁可見區域寬: document.body.clientWidth 網頁可見區域高: document.body.clientHeight 網頁可見區域寬: document.body.offsetWidth (包括邊線的寬) 網頁可見區域高: document.body.offsetHe

[C#]一個簡單的獲取網頁原始碼的函式

獲取網頁原始碼,顯示在richTextBoxWeb中: private void Show_Web() { // 獲取網頁原始碼

Python篇----Requests獲取網頁原始碼(爬蟲基礎)

1 下載與安裝 見其他教程。 2 Requsts簡介 Requests is an Apache2 Licensed HTTP library, written inPython, for human beings. Python’s standard urllib2

OKhttp3 get/post使用及獲取網頁原始碼

Okhttp現在已經成為Android開發者的標配,現在我們進行Okhttp基本功能實現,包括get請求,post請求。 首先在AndroidStudio專案中開啟build.gradle(Module:app),然後匯入Okhttp庫 dependencies {

asp.net C# 獲取網頁原始碼的幾種方式

1 方法 System.Net.WebClient aWebClient = new System.Net.WebClient(); aWebClient.Encoding = System.Text.Encodin

ASP程式碼獲取網頁原始碼

在使用ajax的時候,我們無法跨域獲取不屬於自己的伺服器的資料,故引出了這麼一種方法來輾轉獲取: 1、向本域中的網頁請求資料,包含一個網址資訊 2、被請求的本域的網頁中的asp程式碼向跨域的伺服器請求資料,然後返回給本域中的asp檔案 程式碼: Function getH

徹底解決VB.NET獲取網頁原始碼的問題

在解決這個問題之前,我一直很苦惱。在網上到處搜尋,都找不到相應的解決辦法。網上,雖然有提及完全相同的問題的帖子,但是答案最後往往沒有得到發帖人的肯定,或者帖子就此die在論壇中。為了解決我設計網路爬蟲程式所不可迴避的獲取網頁編碼的問題,我克服重重困難,在MSDN的一個帖子中

繞過微信客戶端授權,獲取網頁原始碼

首先有人寫出來一個比較不錯的例子,我先貼出來 http://chitanda.me/2015/06/29/debug-wechat-website-in-pc/ 本來想直接連結文字的,結果發現MarkDown這種模式沒找到 但是別人講的情況都是非常基礎的情況,

js獲取網頁各種寬高

 網頁可見區域寬:document.body.clientWidth;                              $(window).width() ;  網頁可見區域高:document.body.clientHeight;            

js獲取網頁選中部分的內容,包含html程式碼

function getSelectedContents(){ if (window.getSelection) { //chrome,firefox,opera var range=window.getSelection().getRangeAt(