首頁 > 開發者 > JavaScript
標籤：
iamlaosong
要想用程式從網頁上抓資料，需要熟悉HTML和JavaScript語言，這裡有一個在Javascript 中建立JSON對象的常式，學習並掌握其內容，在此對此常式做個注釋，記錄我掌握的知識，以備將來驗證是否正確。
程式很簡單，分三部分：
1、<h2>部分：用大字元顯示標題；
2、<p>部分：顯示一段資訊的結構，但無內容，內容在後面添加；
3、<scrip>部分：Javascript程式，先定義了一個JSON結構的變數JSONObject，然後，用變數中的內容填寫到<p>部分，定位方式是通過其中定義的id，這裡詳細說明一下：
語句document.getElementById("jname").innerHTML=JSONObject.name就是找id為jname的元素，把其中的內容替換為JSONObject.name，這個變數的內容為Bill Gates，即：
將<span id="jname"></span>修改為<span id="jname">Bill Gates</span>
我們用程式從網頁上抓資料時，往往需要填表，也是通過這種方式修改網頁內容，最後提交，得到我們需要的內容，例如，下面語句就是填寫郵件號碼並提交查詢：
WebBrowser1.Document.GetElementById("mailNum").InnerText = “1126381490399”
WebBrowser1.Document.Forms("mailTrackSnglForm").submit
也可以用下面的寫法：
WebBrowser1.document.Forms("mailTrackSnglForm").All("mailNum").Value =“1126381490399”
再比如，填寫使用者名稱和密碼後提交：
WebBrowser1.Document.Forms(0).All("name").Value = "AHSD08"
WebBrowser1.Document.Forms(0).All("password").Value = "song0829"
WebBrowser1.Document.Forms(0).submit
對應網頁中的元素或者說對象定位，可以用id名稱，也可以用序號，比如上例中的Forms(0)。
下面是上面分析的常式代碼：
<html><body><h2>在 JavaScript 中建立 JSON 對象</h2><p>Author: <span id="jauthor"></span><br />Name: <span id="jname"></span><br />Age: <span id="jage"></span><br />Address: <span id="jstreet"></span><br />Phone: <span id="jphone"></span><br /></p><script type="text/javascript">var JSONObject= {"name":"Bill Gates","street":"Fifth Avenue New York 666","age":56,"phone":"555 1234567"};document.getElementById("jname").innerHTML=JSONObject.namedocument.getElementById("jage").innerHTML=JSONObject.agedocument.getElementById("jstreet").innerHTML=JSONObject.streetdocument.getElementById("jphone").innerHTML=JSONObject.phonedocument.getElementById("jauthor").innerHTML="iamlaosong"</script></body></html>
Author: iamlaosong
Name: Bill Gates
Age: 56
Address: Fifth Avenue New York 666
Phone: 555 1234567
在Javascript 中建立JSON對象--常式分析
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
