作者: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 =
再比如,填写用户名和密码后提交:
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>执行效果如下:
在 Javascript 中创建 JSON 对象
Author:iamlaosongName:Bill GatesAge:56Address:Fifth Avenue New York 666Phone:555 1234567
累死累活不说,走马观花反而少了真实体验,