自动化脚本之JS脚本

2,089 阅读1分钟

对某个网页上的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
    <span style="color: rgba(0, 0, 255, 1)">var</span> sel = document.getElementById("analysis"<span style="color: rgba(0, 0, 0, 1)">);
    sel.options[</span>5].selected = <span style="color: rgba(0, 0, 255, 1)">true</span><span style="color: rgba(0, 0, 0, 1)">;
    $(</span>"#analysis").trigger("change");<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">change the selected option of select</span>
document.getElementById('comments').value="test";//set value of testarea document.getElementById("submitBtn").click();//click one button }
i</span>++<span style="color: rgba(0, 0, 0, 1)">;
</span><span style="color: rgba(0, 0, 255, 1)">if</span> (end ==<span style="color: rgba(0, 0, 0, 1)"> i){
    clearInterval(ret);</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">shut down the interval</span>

} }, 1000);//set interval