js 创建书签小工具并实现自动表单填写

最新推荐文章于 2025-07-05 22:55:47 发布

genius-x

最新推荐文章于 2025-07-05 22:55:47 发布

阅读量1.2w

点赞数 4

CC 4.0 BY-SA版权

文章标签：自动表单填写

本文链接：https://blog.youkuaiyun.com/qq_25327609/article/details/70478504

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何利用JavaScript创建书签工具，自动完成浏览器中的表单填写。通过在书签中保存JS代码，点击书签时，浏览器会执行这段代码，从而实现表单内容的快速填充和提交，减少了重复的无脑操作。这种方式依赖于浏览器允许本地修改网页代码的能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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代码的原理，就看下面的链接吧

就是这个链接。。