獲取目標js代碼,js 獲取

本文目錄一覽：

• 1、怎麼用JS獲取某一個指定頁面（非本頁面）的HTML代碼？
• 2、如何通過一個js方法的方法名，獲取到這個js方法定義的代碼（方法體）？
• 3、怎樣在頁面獲取js對象的內容
• 4、JS 獲得網頁代碼
• 5、如何獲取JS執行過後的網頁源代碼

怎麼用JS獲取某一個指定頁面（非本頁面）的HTML代碼？

1、在瀏覽器中打開要調試的網頁，然後點擊」F12 Developer Tools「，也可以使用快捷鍵F12。

2、彈出的工具窗口中，默認選擇是Dom Explorer功能，它會列出網頁的源代碼和CSS樣式列表。

3、使用元素定位功能選擇頁面中的一個元素，也會定位到源代碼中位置。

4、對定位到的文字修改CSS樣式，添加inline style，比如把字體變為紅色。

5、查看元素已經應用的CSS樣式，點擊”computed”菜單。

6、然後查看元素的布局信息，點擊”Layout”菜單。

如何通過一個js方法的方法名，獲取到這個js方法定義的代碼（方法體）？

可以使用js的eval函數實現，示例如下：

script type=”text/javascript”

//自定義函數，用於彈出三個參數的值

function alertFunc(str1,str2,str3){

alert(str1);

alert(str2);

alert(str3);

}

//自定義函數：根據傳入的函數名，調用函數

function callAlert(functionName){

//根據函數名得到函數類型

var func=eval(functionName);

//創建函數對象，並調用

new func(arguments[1],arguments[2],arguments[3]);

}

/script

!–編寫按鈕，在點擊事件中調用函數–

button onclick=”callAlert(‘alertFunc’,’tom’,’hello’,’world’)” 測試函數調用/button

怎樣在頁面獲取js對象的內容

1．有以下輸入控制項在HTML中，代碼如下：input type=”hidden” name=”productName” id=”productName” value=”測試產品名稱”。

2．可以使用js來獲取id和答案varvalue＝文檔。getelementbyid（「productName」）。值。

3．接下來，我們將警告（value），看看是否得到了輸入的值。我們可以看到，輸入的值已經成功彈出。

4．也可以使用文檔。getElementsByName方法（name）。

5．如果您測試結果，您仍然可以看到「value」的值成功彈出。

6．您還可以通過jquery獲得輸入的值，這需要引入jquery的js包並傳遞代碼＄（＂＃id＂）．val（）。＄（＂＃productName＂）．val（）。

7．＄（＂輸入（＇name＝名字＇］」）．val（）；例如，上面的例子可以使用＄（＂input［＇name＝productName＇］＂）．val（）。

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執行過後的網頁源代碼

需要獲取網頁中的javascript執行後生成的完整的網頁源碼（通常使用的右鍵-查看源代碼是看不到js執行後的內容的，用firefox的firebug看到的代碼就是js執行後的代碼），從中提取一些有用的數據。