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. leetcode二刷结束

    二刷对一些常见的算法有了一些系统性的认识,对于算法的时间复杂度以及效率有了优化的意识,对于简单题和中等题目不再畏惧.三刷加油

  2. java poi

    import java.io.FileInputStream; import java.io.IOException; import java.io.InputStream; import org.a ...

  3. HDU - 4431 Mahjong (模拟+搜索+哈希+中途相遇)

    题目链接 基本思路:最理想的方法是预处理处所有胡牌的状态的哈希值,然后对于每组输入,枚举每种新加入的牌,然后用哈希检验是否满足胡牌的条件.然而不幸的是,由于胡牌的状态数过多(4个眼+一对将),预处理的 ...

  4. 手摸手带你实现 小游戏<别踩白块儿 -- 内有游戏链接>

    别踩白块儿 使用(白鹭引擎)Egret编写的游戏 游戏地址 准备工作 了解白鹭引擎 并安装编写工具 安装游戏引擎 安装Egret Wing3 创建项目 创建项目可以选择不同版本的引擎,创建成功之后还可 ...

  5. sql 创建数据库并对数据库更改排序规则

    use master -- 设置当前数据库为master,以便访问sysdatabases表 go if exists(select * from sysdatabases where name='t ...

  6. 对数据劫持 OR 数据代理 的研究------------引用

    数据劫持,也叫数据代理. 所谓数据劫持,指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果.比较典型的是 Object.defineProperty() 和 ...

  7. nginx命令和配置

    centos 6.8安装的nginx 1.12.2 1.nginx常用的命令 使用nginx命令前,进入到/usr/local/nginx/sbin/目录 1)查看nginx版本 进入到/usr/lo ...

  8. html大文件上传下载

    一.概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载.在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了.一般断点下载时才用到Range和Content- ...

  9. 手动升级 Confluence 6 - 升级以后

    7. 重新安装服务(仅针对 Windows) 如果你的 Confluence 安装实例在 Windows 中是以服务来运行的话,你需要删除已经存在的 Windows 服务,然后重新安装 Windows ...

  10. 哈密尔顿环x

    欧拉回路是指不重复地走过所有路径的回路,而哈密尔顿环是指不重复地走过所有的点,并且最后还能回到起点的回路.  代码如下: #include<iostream> #include<cs ...