怎麼通過網頁標籤獲取數據js的簡單介紹

本文目錄一覽：

• 1、js如何獲取html的數據?
• 2、js如何獲取html input標籤中內容
• 3、怎樣用JS獲得標籤中的值
• 4、JS如何從另一個網頁獲取數據內容進行處理？
• 5、怎麼在jsp頁面中獲取js的變量值
• 6、怎麼用JS獲取HTML標籤內的內容

js如何獲取html的數據?

一般用原生js、jQuery獲取html元素的值。div id=”test”數值/div

原生js寫法：

alert(document.getElementById(‘test’).innerHTML);//數值

jQuery寫法：

alert($(‘#test’).html());//數值

拓展資料

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。

在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。

為了取得技術優勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運行。為了統一規格，因為JavaScript兼容於ECMA標準，因此也稱為ECMAScript。

js如何獲取html input標籤中內容

兩種方案：br1. 元素獲取，通過給input標籤加id，通過getElementById（id）獲取到該元素，然後直接訪問它的value屬性即可brinput id=”test”/br例：var oInput=document.getElementById(“test”);bralert(oInput.value);//獲取到啦br2. 節點獲取，通過獲取表單元素，然後通過表單中中各input元素的name屬性獲取Input子元素，進而獲取它的value值brinput name=”test”/br例：var oForm=document.getElementById(“form1”);bralert(oForm.test.value);//獲取到啦

怎樣用JS獲得標籤中的值

用JS獲取Html標籤屬性有兩種方法：

如a id=”link” href=”” title=”測試”

blogname=”前端開發”Web開發/a

JS代碼：

var ka=document.getElementByI d(“link”);

alert(ka.getAttribute(“id”));

alert(ka.id);

兩種方法都能彈出a標籤的ID屬性，但從各瀏覽器兼容上來說用ka.id的方式更好，但對於自定義屬性blogname,則就要用getAttribute()來實現了，如：

alert(ka.getAttribute(“blogname”)); //前端開發

總結如下：

JS獲到Html標籤常規屬性用ka.id，獲到Html標籤的自定義屬性就用ka.getAttribute(“id”);

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一樣。

怎麼在jsp頁面中獲取js的變量值

jsp是無法直接或取頁面中js變量的值，但是可以通過間接的方法，用html的方法

例如：

input

id=”data”

type=”hidden”

value=”你想要的數據”

/

在html里定義一個上面的標籤，把js的值放到標籤里，然後jsp去獲得這個值

怎麼用JS獲取HTML標籤內的內容

1、首先打開hbuilder軟件，新建一個html文件，裏面寫入一個p標籤和一個按鈕標籤。

2、然後在p標籤的下方設置一個script標籤，裏面寫入js膽碼；先獲取p標籤和按鈕的dom對象，然後給按鈕添加一個點擊事件，再點擊事件愛的回調中alertp標籤的text屬性即可。

3、最後打開瀏覽器，可以看到一段文字和一個按鈕，點擊這個按鈕。

4、就可以彈出內容了。