插入JS脚本
功能
在用户界面元素对应的网页背景中执行 JavaScript 代码。
输入
| 名称 | 说明 | 示例 |
|---|---|---|
| 目标 | Ttarget / nil | Ttarget |
| 元素 | 【TObject】元素表达式,获取到的元素返还对象所创建的变量。 | |
| 选取器 | 【字符串】指明屏幕上/编辑选取器/表达式编辑器,根据需求选择。 | ' |
| 超时(毫秒) | 【整型】指最长等待时间(毫秒),超过时间未运行就会报错 | |
| 等待准备就绪 | 【整型】空/交互/完成 | 交互 |
| 裁剪区域 | 【TTarget】TRect/nil | TRect |
| 脚本代码 | 【字符串】要运行的JavaScript代码。可在这里将其写成字符串的形式,或添加.js文件的完整路径。注意:若是直接填写脚本代码内容,则只能写成一行,不能换行。 | 'D:\桌面\8.js' |
选项
| 名称 | 说明 | 示例 |
|---|---|---|
| 输入参数 | 【字符串】输入JavaScript代码数据 | |
| 增强模式 | 【布尔型】支持调用本地window变量与方法。勾选时,可以直接在脚本代码属性处输入调用的本地window变量与方法,默认情况下,未勾选此复选框。 | 否 |
输出
| 名称 | 说明 | 示例 |
|---|---|---|
| 脚本输出 | 【字符串】JavaScript代码返回的字符串结果。注意:必须用引号将所有字符串括起。定义或传入参数,右键根据需求选择是传入参数还是创建参数。 | 脚本内容 |
注意/说明
1.常用的 js 脚本如下:
(1)实现在百度搜索框中输入文本信息:
模板:'document.getElementsByClassName(''输入属性的class值'')[0].value=''输入的文本值'';'
例子:'document.getElementsByClassName(''s_ipt'')[0].value=''金智维'';'
(2)创建方法,获取属性值:
模板:'function getall(){ var a = document.getElementById("元素属性的ID值").value; return a};' // 根据元素的ID值,返回元素的value值
例子:'function getall(){ var a = document.getElementById("su").value; return a};'
(3)输出指定页面的源代码:
例子:'function getall(){ var a = document.documentElement.outerHTML; return a };'
2.“输入参数”的使用:需与“脚本代码”搭配使用
//若使用输入参数,获取【百度一下】按钮的属性值
//<input type="submit" id="su" value="百度一下" class="bg s_btn">
(1)“脚本代码”可填写:
'function getall(_targetElem, _inputText, _tabId){console.log(_inputText); var a = document.getElementById(_inputText).value; console.log(a);return a};'
(2)“输入参数”可填写:'su' //通过传入id参数值,获取元素value值,即输入“脚本代码”中要传入的js代码数据
3.“增强模式”属性的使用
勾选“增强模式”属性,可以调用本地 window 变量与方法
(1)“选取器”可填写为:
<html app='chrome.exe' title='JavaScript Window Location | 菜鸟教程' />
<webctrl tag='DIV' css-selector='body>div' idx='4' />
(2)“脚本代码”可填写 window 变量与方法:
'location.href' //获取当前页面的URL
4.函数使用方法:
使用 “插入JS脚本” 函数指明需要操作的元素->在“脚本代码”属性栏中输入要执行的 js 脚本。可在这里将其写成字符串的形式,或添加 .js 文件的完整路径。若是以字符串形式填写脚本代码内容,则只能写成一行,不能换行。
5.当获取不同的元素,js 脚本代码要进行相应的改动。
6.使用“指明在屏幕上”的功能时,要安装对应的浏览器支持工具插件。
相关函数
【日志消息】
示例/演示
示例附件
1.js文件:
2.示例组件: