浅谈js注入与思路拓展

本章节提供的截图和数据都是测试数据，如有雷同实属巧合，特此声明

前言

在设计RPA流程中，除了对可见的页面进行UI自动化操作之外，还有一种看不见的操作就是执行JS；掌握了JS，在设计RPA流程时会有不一样的思路，不再受限制于UI页面和产品能力。

浏览器：谷歌浏览器

示例网址：https://www.baidu.com/

示例要求：以JS方式在百度网页输入关键词

本章节内容如下：

• JS使用的方式与区别

• JS在RPA设计流程的应用

一、JS使用的方式与区别

1、使用RPA的执行JS插件

（注：Chrome运行js不需要浏览器对象，IE需要）

2、使用开发工具运行JS

在谷歌浏览器上按F12，会弹出开发工具面板，然后点击Console，输入对应的脚本如上图，回车，就可以运行JS了（注：默认JS作用域是window.top）

3、使用地址栏运行JS-表达式

在地址栏里输入javascript:document.getElementById("kw").value="金蝶"，点击回车，查看页面

Javascript:表达式：运行js，并且在当前页面返回运行结果，所以界面变成了“金蝶”二字

4、使用地址栏运行JS-alert

在地址栏里输入javascript:alert(document.getElementById("kw").value="金蝶")，点击回车，查看页面

此时页面正常，但是会弹出一个框，点击确定后，界面正常显示

由于Alert没有返回值，所以页面内容不会被覆盖

5、使用地址栏运行JS-匿名函数

在地址栏里输入javascript:(function(){var text= "金蝶";document.getElementById("kw ").value=text})()

回车，查看页面

运行正常

javascript:函数：运行js函数（可以是匿名函数）

如果函数没有return则页面不影响；

有return页面就会变成return的值，例如：javascript:(function(){return "金蝶"})()

6、使用地址栏运行JS-void

在地址栏里输入javascript:void(document.getElementById("kw").value="金蝶")

这个运行效果与“址栏运行JS-匿名函数”类似，只是void函数里面只能写一句js，不支持多句

总结对比如下