js脚本实现在该界面直接跳转到一个登录界面并且自动登录

时间：2023-01-05 00:22:52

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）　这里注意的是登录的里面有一个js脚本实现在该界面直接跳转到一个登录界面并且自动登录这里是点击登录的时候调用的函数

接下里插入脚本

<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请求的格式js脚本实现在该界面直接跳转到一个登录界面并且自动登录

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

js脚本实现在该界面直接跳转到一个登录界面并且自动登录

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

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

5）附注：

js脚本实现在该界面直接跳转到一个登录界面并且自动登录

js脚本实现在该界面直接跳转到一个登录界面并且自动登录

以上两个图片来自：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缓存&amp&semi;自动登录

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

  3. 上传头像&comma;界面无跳转&comma;php&plus;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. Matlab中&Hat;2和&period;&Hat;2的区别

    矩阵a a^2 --  两个矩阵相乘 a.^2  --  表示 矩阵对应位置相乘 如下: a=[ 1,2,3 4,5,6 7,8,9]; disp(a); disp(a^2); disp(a.^2); ...

  2. html background 背景颜色美化 类似毛玻璃

    制作高大上背景颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quot ...

  3. A&ast;算法的实现

    #include<cstdio> #include<cstdlib> #include<cstring> #include<iostream> #inc ...

  4. Vue中的scoped及穿透方法

    何为scoped? 在vue文件中的style标签上,有一个特殊的属性:scoped.当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组 ...

  5. 一些android开发实用性网站记录

    android开发一些有用的网站有很多,可以方便我们开发,记录一下哈. 1.Android源代码在线阅读:https://www.androidos.net.cn/sourcecode 2.在线Jso ...

  6. 【ansible】Windows开启远程控制错误解决方案：无法检查防火墙状态

    这个在老版本的Windows系统才有这种bug.例如Windows 2008 R2和Windows 7,如果你的系统的阿里云的Windows server 2008 R2,无需装这个,好像阿里云的系统 ...

  7. （二）Linux实操之——网络配置、进程管理、服务管理、组管理、YUM

    接上段   (一)Linux实操之——权限.任务调度.磁盘分区 4.网络配置 4.1 NAT模式的网络配置 目前我们采用的网络配置是NAT模式. windows下cmd通过 ipconfig 命令可以 ...

  8. a标签 在新页面打开

    <a href="https://www.baidu.com/" target="_blank">下载</a>

  9. 十一、linux文件系统权限详解

    对于文件系统权限,我们前面已经讲解了一部分,这里就不在重复了. 1.修改文件权限有两种,一种是数字.一种是字母 (chmod 的修改只能是属主或者root) 数字: 修改目录权限和目录内所有文件的权限 ...

  10. 使用Python进行分布式系统协调 &lpar;ZooKeeper&sol;Consul&sol;etcd&rpar;

    来源:naughty 链接:my.oschina.net/taogang/blog/410864 笔者之前的博文提到过,随着大数据时代的到来,分布式是解决大数据问题的一个主要手段,随着越来越多的分布式 ...

相关文章