阅读 146

App Inventor 2网页填表

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.页面交换字符串”的内容。

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

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

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐