1. 程式人生 > >js 建立書籤小工具並實現自動錶單填寫

js 建立書籤小工具並實現自動錶單填寫

1.最近學校佈置網課視訊,賊心不改,就找了一個自動刷題軟體就處理好了,本來是一件完美的事情,可是作為學計算機的同學,我是不允許有什麼神奇的事情發上,必須研究研究怎麼實現的

2.雖然只是有了一小點了解,就先記錄一下吧,主要就是建立內容為js程式碼的瀏覽器書籤來實現的,直接看效果


//這就是一個簡單的表單
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>測試</title>
</head>
<body>

    <form
name="mainfrm" action="test.php" method="post">
<input type="text" name="username"/> <input type="submit" value="submit"/> </form> </body> </html>
//然後簡單的新增一個書籤,將其內容改為這一段,一個為新增值,後一句是提交
javascript:mainfrm.username.value="測試";mainfrm.submit();

看看效果吧

1.簡單的表單就不解釋了
這裡寫圖片描述

2.然後點選一下我們儲存的js書籤
這裡寫圖片描述

3.然後就自動填好了內容
這裡寫圖片描述

4.並且同時完成了跳轉,就是表單的提交
這裡寫圖片描述

3.還是很有意思的工具,下一次教務處評教的時候,就要少了很多無腦操作了,其實大概原理就是這樣,就是瀏覽器執行了這段js程式碼,仔細一想,其實那些看得到的網頁在瀏覽器加載出來之後,在本地仍然可以修改他的程式碼的,更改樣式,執行js程式碼這一類,以前學js就試過,當時居然沒發現這種用法,扯遠了

4.最後,如果有人想知道為什麼儲存個js程式碼書籤就能執行js程式碼的原理,就看下面的連結吧