分享

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

 你好_顺其自然 2018-03-30

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

就是这个链接。。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多