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. springMVC中使用 JSR-303验证器( Validation 接口 )

    在pom.xml,添加validator验证器的依赖 <dependency> <groupId>org.hibernate</groupId> <artif ...

  2. linux下使用 TC 对服务器进行流量控制

    tc 介绍 在linux中,tc 有二种控制方法 CBQ 和 HTB.HTB 是设计用来替换 CBQ 的.HTB比CBQ更加灵活,但是CPU 开销也更大,通常高速的链路会使用CBQ,一般而言HTB使用 ...

  3. 生成json格式

    html页面 <input type="button" value="重新生成JSON" class="button1" id=&qu ...

  4. conda退出base　环境

    安装conda后取消命令行前出现的base,取消每次启动自动激活conda的基础环境   方法一: 每次在命令行通过conda deactivate退出base环境回到系统自动的环境 方法二 1,通过 ...

  5. Python初记

    ------Python是一个优雅的大姐姐 我是通过<老男孩Python>学习Python,根据我手上的资源学习Python,资料不齐,但是这个是最好的,边学习边寻找有没有相同的类型. 在 ...

  6. AngularJS基础语法

    1.ng-app 决定了angularjs的作用域范围,你可以如下使用: <html ng-app> … </html> 来让angularjs渲染整个页面,也可以使用 < ...

  7. Centos6.6 安装Mysql集群

    一.环境准备 1.1系统IP设置 准备三台服务器安装Centos6.6 64位操作系统,IP地址及角色分配如下: Node                 IP Address            ...

  8. python学习之路（14）

    通过列表生成式,我们可以直接创建一个列表.但是,受到内存限制,列表容量肯定是有限的.而且,创建一个包含100万个元素的列表,不仅占用很大的存储空间,如果我们仅仅需要访问前面几个元素,那后面绝大多数元素 ...

  9. [CSP-S模拟测试]:爬（贪心）

    题目传送门(内部题134) 输入格式 第一行两个数$N,L$. 接下来$N$行每行两个数$A_i,B_i$. 接下来$N$行每行一个整数$C_i$. 输出格式 一行一个整数表示答案,无解输出$-1$. ...

  10. Django日志的配置

    做开发离不开日志,以下是我在工作中写Django项目常用的logging配置.   BASE_LOG_DIR = os.path.join(BASE_DIR, "log") LOG ...