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网页填表