最近接到了个任务,对某个网页上的1000个item填写相同的text,text的内容相同。

这显然是机械动作呀,干脆写个脚本,实现半自动化,解放双手。

一。如何执行脚本

浏览器按F12,找到console,输入写好的脚本,按Enter执行脚本。

二。简单的js脚本,常见的有登陆

<input type="text" class="inputstyle" id="u" name="u" value="" tabindex="1">

<input type="password" class="inputstyle password" id="p" name="p" value="" maxlength="16" tabindex="2">

<input type="submit" tabindex="6" value="登 录" class="btn" id="login_button">

document.getElementById('u').value='xxxname';
document.getElementById('p').value='xxxpwd';
document.getElementById("login_button").click();

三。循环触发的js脚本

1.间隔触发器

//循环触发特定Id的click事件
setInterval(function() {
document.getElementById("submitBtn").click();
},1000);

2.

//触发select选中某项option的change事件
//只跑一次
$(function(){
var sel = document.getElementById("analysis");
sel.options[5].selected = true;//$("#analysis").val("5");
$("#analysis").trigger("change");
})

3.

//循环触发
setInterval(function() {
var sel = document.getElementById("analysis");
sel.options[5].selected = true;//$("#analysis").val("5");
$("#analysis").trigger("change");
},1000); //设置testarea的值,并点击按钮提交
setInterval(function(){
document.getElementById('comments').value="test";
document.getElementById("submitBtn").click();
})

4.click触发

//触发td的click事件
$(function(){
var td = document.getElementsByClassName("standartTreeRow");
td[4].click();
})

5.贴个总的脚本:

//跑起来
var start = 1;
var i = start*2 + 1;
var end = (4 + start)*2;//do forth
var ret = 0;
var td = document.getElementsByClassName("standartTreeRow");//get all objs whose class is special
ret = setInterval(function(){//loop
if (1 == i % 2){
td[i].click();//click td var sel = document.getElementById("analysis");
sel.options[5].selected = true;
$("#analysis").trigger("change");//change the selected option of select document.getElementById('comments').value="test";//set value of testarea
document.getElementById("submitBtn").click();//click one button
} i++;
if (end == i){
clearInterval(ret);//shut down the interval
}
}, 1000);//set interval

第一次写脚本,效果还是很粗糙

JS脚本代替人工输入的更多相关文章

  1. 只能输入汉字js脚本

    <html> <head> <meta http-equiv="Content-Type" content="text/html" ...

  2. Java工作流引擎表单引擎之JS表单字段输入脚本验证

    关键字: 表单设计器, 字段验证. workflow,ccform, ccBPM. 工作流快速开发平台  工作流流设计  业务流程管理   asp.net 开源工作流bpm工作流系统  java工作流 ...

  3. jquery 、 JS 脚本参数的认识与使用

    jquery . JS 脚本参数的认识与使用 如何使用jquery刷新当前页面 下面介绍全页面刷新方法:有时候可能会用到 window.location.reload(); //刷新当前页面. par ...

  4. 样式其他与JS脚本语言

    样式其他:display(显示block和隐藏none,不占位置)  visibility(显示visible和隐藏hidden,占位置)  overflow(超出范围 hidden隐藏) 透明(op ...

  5. 【转】第6篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:自动注册JS脚本+自动反射方法分析

    作者: 牛A与牛C之间 时间: 2013-11-21 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第6篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  6. XSS注入,js脚本注入后台

    曾经一度流行sql注入,由于现在技术的更新,已经看不到这问题了,但是又出来新的安全问题,XSS攻击,他的原理就是在前端提交表单的时候,在input标签当中输入js脚本,通过js脚本注入后台,请看下图. ...

  7. js脚本 将本地图片路径转换为html

    公司业务类似于电商, 因此有很多纯图片展示的商品详情页, 类似淘宝店商品页面下的多个图片组成的商品详情页, 页面很简单, 就是一大串img标签, 但是每次做详情页都要配合emmet一顿操作( 如下图 ...

  8. 精华 selenium_webdriver(python)调用js脚本

    #coding=utf-8 from selenium import webdriver import time driver = webdriver.Firefox() driver.get(&qu ...

  9. JS脚本实现CSDN免登陆免关闭广告插件自动展开“阅读更多”内容

    最近在CSDN查资料,总是弹出以下弹窗,然后就自动跳转到登录页面,蛋疼! 于是重新捣腾了一下,修改了原来的脚本,最新的脚本代码如下: 温馨提示:在打开CSDN页面后立刻执行以下脚本即可免登陆免关闭广告 ...

随机推荐

  1. ZBrush中Document特性介绍

    ZBrush®中的Document调色板用于加载或保存ZBrush文档,导入背景图像.导出背景图像.调整画布大小和设置背景颜色.本文小编来给大家介绍下Document常用的一些基本功能. ZBrush ...

  2. 路飞学城Python-Day48

    49-清除浮动1:给父盒子设置高度 给父盒子设置高度,这种方式不灵活,公司的产品修改的时候,要求父盒子高度变大, 不可能去手动修改 尽量不要给父元素去修改高度,不建议这样的方式 <!DOCTYP ...

  3. Pyhton学习——Day38

    #CSS:Cascading Style Sheets——层叠样式表# CSS的四种引入方式# 行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用.###### ...

  4. iOS开发——GPUImage源码解析

    一.基本概念 GPUImage:一个开源的.基于openGL的图片或视频的处理框架,其本身内置了多达120多种常见的滤镜效果,并且支持照相机和摄像机的实时滤镜,并且能够自定义图像滤镜.同时也很方便在原 ...

  5. [luogu4259 SCOI2003] 严格N元树 (高精 计数dp)

    题目描述 如果一棵树的所有非叶节点都恰好有n个儿子,那么我们称它为严格n元树.如果该树中最底层的节点深度为d(根的深度为0),那么我们称它为一棵深度为d的严格n元树.例如,深度为2的严格2元树有三个, ...

  6. jquery-jquery异步提交表单插件

    使用jquery.form可以异步提交文件或者表单,下面的代码演示了如何提交文件 http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js <s ...

  7. jquery mobile常用的data-role类型介绍

    转自原文 jquery mobile常用的data-role类型介绍 data-role参数表: page        页面容器,其内部的mobile元素将会继承这个容器上所设置的属性 header ...

  8. Java7的那些新特性

    本文介绍的java 7新特性很多其它的感觉像是语法糖.毕竟java本身已经比較完好了.不完好的非常多比較难实现或者是依赖于某些底层(比如操作系统)的功能. 不过java7也实现了类似aio的强大功能. ...

  9. ADO.NET (二)—— ADO和ADO .NET对照

     ADO.NET (二)-- ADO和ADO .NET对照       我们知道ADO.NET的两大核心组件各自是Data Provider和DataSet.假设说 DataSet是ADO.NET的心 ...

  10. Revolution Platform

    Revolution Platform 黑暗的极权统治现实 异类的处境 独孤的存在 觉者的形成 信仰的确立 信仰的产物 完整的思想理论 反抗与信仰的一致 反抗的超理性的智慧论 反抗的纯理性的方法论 反 ...