驽马十驾 才定不舍

作者: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

累死累活不说,走马观花反而少了真实体验,

驽马十驾 才定不舍

相关文章:

你感兴趣的文章:

标签云: