本文目錄一覽:
- 1、js獲取html頁面顯示內容
- 2、如何用js獲取其它頁面的內容
- 3、怎麼通過js或者jquery獲取一個頁面裡面的內容
- 4、JS如何從另一個網頁獲取數據內容進行處理?
- 5、javascript 怎麼獲取指定url網頁中的內容
- 6、怎麼用js獲取特定網頁的特定信息
js獲取html頁面顯示內容
1、新建html文檔,在body標籤中添加一個按鈕,然後在head標籤中引入jQuery文件:
2、使用jQuery給按鈕添加點擊事件,然後使用ajax發送請求並將獲取到的結果進行輸出:
3、用瀏覽器打開代碼,點擊瀏覽器上的按鈕,這時html頁面中的內容就被輸出到了控制台中:
如何用js獲取其它頁面的內容
用jquery的load方法載入,
例子1(點擊按鈕載入一個註冊頁面的所有內容裝入div容器):
$(“button”).click(function(){
$(“div”).load(‘regist.html’);
});
例子2(點擊按鈕載入一個註冊頁面裡面的ID為box的標籤裡面的所有內容裝入div容器):
$(“button”).click(function(){
$(“div”).load(“regist.html
#box”);
});
怎麼通過js或者jquery獲取一個頁面裡面的內容
用jQuery的html方法可以獲得某個元素中的內容
,如果元素是html標籤,則可以獲得頁面的全部內容:例如:
$(document).ready(function(){
var
html_str=$(“html”).html();
alert(html_str);
});
上面代碼可以獲得頁面的全部內容。(當然要先導入jQuery)
JS如何從另一個網頁獲取數據內容進行處理?
通過url傳參。
如果是HTML頁面的話,JS傳到新頁面就輸入window.location.href=’a.html?id=100’。然後a.html頁面的JS就div id=”s”/div
script
document.getElementById(“s”).innerHTML=window.location.split(‘?’)[1];
/script
如果是想要實現AJAX在a頁面傳參數到b頁面,並且在a頁面的層顯示b頁面執行參數的結果的話就用AJAX了。下面是JQUERY的。
div id=”a”/div
$(“#a”).load(“b.html?id=100”);
//或者
$.get(“b.html?id=100”,function(data){
$(“#a”).html(data);})
本地存儲sessionStorage 或 localStorage,html5的話可以用 sessionStorage 或 localStorage,很容易的。sessionStorage 是會話存儲,關閉瀏覽器就沒了。localStorage 是持久化存儲,完全可以替代cookie 存儲空間更大。
實現方法:存:sessionStorage[“par1”]=”123″。取:sessionStorage[“par1”] localStorage實現方法和sessionStorage一樣。
javascript 怎麼獲取指定url網頁中的內容
一、參考代碼如下:
!doctype html
html lang=”en”
head
meta charset=”UTF-8″
titleDocument/title
/head
body
script src=”jquery-2.1.1.min.js”/script
!–記得導jquery–
script
$.ajax({
type:’get’,
url:”demo.html”,//這裡是url
success:function(body,heads,status){
console.log(body); //body就是內容了,也就是url網頁中的內容
}
});
/script
/body
/html
重點代碼說明:
$.ajax({
type:”POST”,//請求方式為post
url:”order.class.php?type=add”,//請求的地址
data:dataFormid,//參數
success: function(mag){
//success指的是請求並成功返回信息
//msg是返回的內容
alert(mag);
}
});
舉例
//假如後台返回的是一個JSON格式的字元串,如”{code:0,msg:\”執行成功!\”}”
success: function(data){
var json=evel(“(“+data+”)”);
alter(json.msg);//會彈出執行成功的消息框
}
怎麼用js獲取特定網頁的特定信息
問題是不是很明確嘛,就此三個猜測:
如果是獲取js所在頁面的特定信息很簡單,通過document.getElementById(“button1”)以一般都可以搞定;
如果是獲取js所另一個 iframe中頁面的值,可以通過類似 window.parent(父頁面)、window.top(頂層頁面),window.frames[‘tf’].str 等一些方式 但有跨域的問題;
如果是獲取其他網站的特定頁面,只靠js貌似是不行,可以通過後台代碼偽造http請求,完了對響應回來的html進行解析,再正則表達式來獲取想要的特定信息;
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/286326.html