1：首先说明的是自动登录也是需要密码的，这是前一个网页传输过去的

2：这里我使用的是post提交表单的形式

<--------------------------------------------------------------------->

开始正题

1）首先推出测试平台：

　　https://www.runoob.com/runcode

　　这个平台支持js脚本，但是需要加入在html中才可以运行，因此自己偷懒随便一个测试用例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>js验证表（是否输入单用户名、密码）</title>

    <style type="text/css">

        *{padding: 0;margin: 0}

        table{margin:0  auto;margin-top: 200px}

    </style>

</head>

<body>

<form name="form1" method="post" action=""><!--这里用js实现跳转-->

    <table cellpadding="0" cellspacing="0" border="0">

        <tr>

            <td height="50" colspan="2" bgcolor="#eeeeee" align="center">用户登录</td>

        </tr>

        <tr>

            <td width="70" height="50">用户名：</td>

            <td><input name="user" type="text" id="user" maxlength="8"><!--8指的是8个汉字，8个字符--></td>

        </tr>

        <tr>

            <td width="70" height="50">密&nbsp;码：</td>

            <td><input name="pwd" type="password" id="pwd" maxlength="16"></td>

        </tr>

        <tr>

            <td colspan="2" align="center">

                <input name="reset" type="reset" value="重置">

                <input name="button" type="button" value="登录" onclick="sta()"">

           </td>

        </tr>

    </table>

</form>

</script>

</body>

</html>

　2）　这里注意的是登录的里面有一个这里是点击登录的时候调用的函数

接下里插入脚本

<script language="JavaScript" type="text/javascript" >

function   sta(){

//window.location='http://www.environment.osen-cloud.net/login';

function PostSubmit() {

  var postUrl =  'http://www.environment.osen-cloud.net/login';//提交地址

    var postData = 'XXXXXXX';//第一个数据，xxxxxx里面就是你需要填写的数据

    var msgData ='XXXXXXx';//第二个数据同上

    var ExportForm = document.createElement("FORM");

    document.body.appendChild(ExportForm);

    ExportForm.method = "POST";

    var newElement = document.createElement("input");

    newElement.setAttribute("name", "mail");

    newElement.setAttribute("type", "hidden");

    var newElement2 = document.createElement("input");

    newElement2.setAttribute("name", "pwd");

    newElement2.setAttribute("type", "hidden");

    ExportForm.appendChild(newElement);

    ExportForm.appendChild(newElement2);

    newElement.value = postData;

    newElement2.value = msgData;

    ExportForm.action = postUrl;

    ExportForm.submit();

};

setTimeout( PostSubmit,0);

}

</script>

　　　　脚本解释：这里面主要有一个sta（）函数，当登录这个按钮点击之后就会调用这个函数，setTimeout( PostSubmit,0);是每隔一定时间调用postSubmit函数，后面长度可以自己调动

3）提交表单：这里url是你需要跳转的登录网页，postData是我的第一个数据（用户名），msgData是我的第二个数据（密码） ，接下来就是创建一个表单然后提交，这没有多说的，但是需要注意，你需要自己先测试你那个登录界面post请求的格式

我的“mail”是适合我的登录界面，如果你要你的界面，你则先测试一遍，测试方法很简单chrome浏览器，f12测试

在network中查看你浏览器给后台发送的login请求，我这里login（post请求）时，给后台发送两种标识，mail，pwd，所以在前面的name属性里面，一个是“mail”，一个是“pwd”，对应不同的登录有不同的发送标识，你需要自己先判断出。如果属性错误，这里可能就会显示用户名和密码错误。

4）注意事项：我这里是没有验证码登录的，我这个登录网页就是用户名加上密码登录。

5）附注：

以上两个图片来自：https://blog.csdn.net/makang456/article/details/52334003，侵删

post提交表单方式：https://blog.csdn.net/zhensoft163/article/details/7298161

由于自己是新手，第一次做这个，弄了两天，如果有什么不对的对方，敬请指出！！！！！！！！！

js脚本实现在该界面直接跳转到一个登录界面并且自动登录的更多相关文章

  1. 一个简单的app自动登录Python脚本案例

  2. 从微信小程序到鸿蒙js开发【12】——storage缓存&自动登录

    鸿蒙入门指南,小白速来!从萌新到高手,怎样快速掌握鸿蒙开发?[课程入口] 正文: 在应用开发时,我们常需要将一些数据缓存到本地,以提升用户体验.比如在一个电商的app中,如果希望用户登录成功后,下次打 ...

  3. 上传头像,界面无跳转,php+js

    上传头像,界面无跳转的方式很多,我用的是加个iframe那种.下面直接上代码. html: //route 为后端接口//upload/avatar 为上传的头像的保存地址//imgurl=/uplo ...

  4. 2款JS脚本判断手机浏览器跳转WAP手机网站

    随着移动设备的普及,企业的网络宣传已经不能局限在PC端,而需要同时在移动端有所建树.对于公司网站来说,以前都是做的PC端的,当然手机等移动端也可以访问,但是用户体验肯定不如完全适合的手机端来的方便.我 ...

  5. js 点击超链接，执行js脚本，而不进行url跳转

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...

  6. jquery 、 JS 脚本参数的认识与使用

    jquery . JS 脚本参数的认识与使用 如何使用jquery刷新当前页面 下面介绍全页面刷新方法:有时候可能会用到 window.location.reload(); //刷新当前页面. par ...

  7. Ubuntu输入密码登陆后又跳回到登录界面

    现象:在Ubuntu登陆界面输入密码之后,黑屏一闪并且出现了check battery state之类的文字之后,又跳转到登录界面.原因:主目录下的.Xauthority文件拥有者变成了root,从而 ...

  8. （转）优化js脚本设计，防止浏览器假死

    在Web开发的时候经常会遇到浏览器不响应事件进入假死状态,甚至弹出“脚本运行时间过长“的提示框,如果出现这种情况说明你的脚本已经失控了,必须进行优化. 为什么会出现这种情况呢,我们先来看一下浏览器的内 ...

  9. A标签执行JS脚本

    A标签执行JS脚本 分类: Web2012-12-25 22:48 1368人阅读 评论(0) 收藏 举报 前言 A标签是html中常用的标签,它与button按钮是实现页面跳转的两种最常用的方式,经 ...

随机推荐

  1. ArrayMatched

    import os from jinja2 import Environment,FileSystemLoader def generateNewLackArray(ArrayList,count,T ...

  2. tcpdump 为何抓包 抓到本机IP 都是内网IP

    接收端 22:49:01.729351 IP 192.168.0.3.21918 > ***.**.**.**.44498 22:49:01.727980 IP ***.**.**.**.444 ...

  3. Linux 内核源代码的几个C语言技巧

    1.#define中使用do{statement}while(0)保证statement无论在何处都能正确执行一次2.将链表操作抽象出来,与宿主结果相互独立.所有的链表操作都作用与list_head, ...

  4. linux 查找某文件所在路径

    find 路径 -name 文件名 例如:find / -name logo_web.png  查找/路径下logo_web.png文件路径 如果为非root账号可用 sudo find / -nam ...

  5. 清空DataGridView

    DataTable dt = (DataTable)dgv.DataSource; dt.Rows.Clear(); dgv.DataSource = dt;

  6. electron 设置-webkit-app-region: drag 后, 双击放大窗口变形

    双击放大后窗口只是在最左上角,并没有放大, 或者放大了页面变形,如图 原因: 是设置了窗口 transparent: true,和背景色导致的, 不要设置就可以,默认为false mainWindow ...

  7. struts2没有打印日志原因和No result defined for action XXXAction and result input

    在项目中调用一个action的方法的时候发生了一个错误,但是在catalina.out和配置的log4j都没有打印异常,后来在执行的action中加了logger.error("XXXXX& ...

  8. k8s命令自动补全

    Linux yum install -y bash-completion source /usr/share/bash-completion/bash_completion source <(k ...

  9. PHP大文件上传断点续传源码

    文件夹数据库处理逻辑 publicclass DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); ...

  10. hdu 1796 How many integers can you find 容斥第一题

    How many integers can you find Time Limit: 12000/5000 MS (Java/Others)    Memory Limit: 65536/32768 ...