首页 > 移动平台 > 详细

App Inventor 2网页填表

时间:2021-04-12 09:17:16      阅读:26      评论:0      收藏:0      [点我收藏+]

App Inventor 2网页填表

网页填表最主要的是JavaScript的操作,但这里有个需要注意的地方

以操作百度首页为例。

组件设计

技术分享图片

各组件作用:

  1. 网页浏览框1,设置要操作的网址
  2. 文本输入框1:获取用户输入,即要填写到百度首页输入框的内容。
  3. 按钮1:填写内容,把文本输入框1的内容填写到百度首页的输入框。
  4. 按钮2:点击百度一下按钮。
  5. 文本输入框2:显示点击按钮3后获取到的网页中的文本。
  6. 按钮3:获取网页中的文本,这里获取百度一下按钮里的文本“百度一下”。
  7. 计时器1:设置程序延迟运行

逻辑设计

技术分享图片

JavaScript代码

按钮1里的JavaScript代码为:

javascript:document.getElementById(‘index-kw‘).value=

按钮2里的JavaScript代码为:

javascript:document.getElementById(‘index-bn‘).click();

按钮3的JavaScript代码为:

javascript:var str=document.getElementById(‘index-bn‘).innerHTML;window.AppInventor.setWebViewString(str);

需要注意的是按钮3里的JavaScript代码,获取网页文本的时候,App Inventor 2用的是网页浏览框1.页面交换字符串,JavaScript里的代码:window.AppInventor.setWebViewString(str);就是要返回给“网页浏览框1.页面交换字符串”的内容。

这样网页填表的基本操作:对网页填写内容,点击网页按钮,获取网页文本就实现了。然后可以举一反三去操作其它网页,实现更有趣的功能。

App Inventor 2网页填表

原文:https://www.cnblogs.com/harglo/p/14646281.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!