4.2 程序員小明的情書-JavaScript腳本的力量

大仁: 小明,聽說你大學的專業(yè)是計算機科學與技術?
小明: 是的,大仁哥。
大仁: “那好,去幫我搶個榮耀v9?!?br> 小明:領導,請你尊重這門專業(yè),計算機科學是……
大仁: 請你談談NAS設備卷管理模塊中失效數(shù)據(jù)恢復問題的應用。
小明:大仁哥,腳本寫好了”

1.效果圖

運行的效果圖,就是模擬不斷點擊換一換的效果

image

2.圖解

怎么做的呢?讓我們一步步分解

image
image
document.getElementsByClassName("hot-refresh")[0]

已經(jīng)獲取該元素

image

模擬點擊

image

定時器每100毫秒點擊一次

setInterval(function () {
    if (Date.now() > new Date("2017-3-21 10:08:00"))  {
        document.getElementsByClassName("hot-refresh")[0].click()
    }
}, 100);

1.大于某個時間點
2.模擬點擊

3.JS組成

  1. 核心(基于ECMAScript規(guī)范)
  2. 文檔對象模型(DOM)
  3. 瀏覽器對象模型(BOM)
image

window對象是BOM的頂層(核心)對象,所有對象都是通過它延伸出來的,也可以稱為window的子對象

由于window是頂層對象,因此調(diào)用它的子對象時可以不顯示的指明window對象,例如下面兩行代碼是一樣的:

document.write("www.itdecent.cn");
window.document.write("www.itdecent.cn");

image

通過這樣的樹,我們就可以很快找到我們想要操作的節(jié)點,進而進行各種屬性,方法,事件等的操作。
注意元素、屬性、和內(nèi)容之間的區(qū)別,簡單的說,網(wǎng)頁上可見的東西叫做內(nèi)容,內(nèi)容是被開標簽,閉標簽抱起來的那部分:<a>我的鏈接</a>,屬性說明元素的特點

4. chrome擴展程序

為什么要打包成擴展程序,console的腳本reload之后會被清空無法繼續(xù)執(zhí)行,擴展程序是個好東西

image
image
image
{  
  "name": "第一個Chrome插件",  
  "manifest_version": 2,  
  "version": "1.0",  
  "description": "jack的第一個chrome擴展程序",  
  "browser_action": {  
    "default_icon": "logo.png"  
  },
  "content_scripts": [  
    {  
      "matches": ["https://www.baidu.com/*"],  
      "js": ["content.js"]  
    }  
  ]   
}  

setInterval(function () {
    if (Date.now() > new Date("2017-3-21 10:08:00"))  {
        document.getElementsByClassName("hot-refresh")[0].click()
    }
}, 100);

5. 阿里月餅腳本分析

setInterval(function() {
  if(Date.now() >= new Date("2016-09-12 15:59:00")) {
     $("#seckillQuantity").val(1);//1盒               
     $(".buyButtons.J_buyButtons").click();//搶購按鈕
     var value = $(".answerList").children().eq(0).html(); //驗證碼取值  
     $('#randomAnswer').val(value);//驗證碼填值
     $('.answer-button').children().eq(0).click();//提交驗證碼
  }
}, 10)

6. 華為榮耀V9搶購

image
image
setInterval(function () {
    if (Date.now() > new Date("2017-3-21 10:08:00"))  { //時間修改為當天的10:08
        document.getElementsByClassName("button-style-disabled-1 button-event-disabled")[0].click() 
 //class得看10:08分后的 復制下來就行,明天看看 更新下
    }
}, 10);

放到chrome擴展程序就不會被reload清空了

7.附上一個查看密碼的技巧

image
image

大仁:咦,這個鏈接是干嘛的?
小明:糟了,這個不是我的情書腳本么?(超級酷炫有愛的js情書)

查看原文,可以看到小明用JavaScript寫的情書,參考程序員開源,希望各位看官們?yōu)樾∶鬓D發(fā),轉發(fā)超過1000次,小奈將接受小明的告白,查看原文為小明瘋狂打call把。

小明用JavaScript寫的的情書

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容