页面登录后自动跳转代码

最新推荐文章于 2024-01-10 07:28:01 发布
最新推荐文章于 2024-01-10 07:28:01 发布
阅读量698 收藏
点赞数
文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_5120/article/details/81824334
版权
<script>
function OnClose()
{
if(document.all.chkShow.checked == true)
{
document.cookie = "eccpopup=no";
}
else
{
document.cookie = "eccpopup=yes";
}

window.close();
}


function run()
{
var hiddenValue = document.getElementById("btn_HiddenValue");
var submitValue = document.getElementById("showNum");
var currentValue = parseInt(submitValue.innerHTML);
if(hiddenValue.value == 0)
{
window.location.href= ecclogin ;
return true;
}
currentValue = hiddenValue.value * 1 - 1;
document.getElementById("btn_HiddenValue").value=currentValue;
document.getElementById("showNum").innerHTML=currentValue;
if(hiddenValue.value==0)
{
window.location.href= ecclogin;
return true;
}
}

function redirectJump()
{
window.location.href=ecclogin;
}
window.setInterval("run();", 1000);



</script>
</head>

<body>
<form name='form1'>
<div class="tips_div" id="info" style="cursor:default;vertical-align:middle;margin:120px 380px">
<div class="tips_title">
<div class="left_title"><label resid="ecc_index_tips">系统提示:</label></div>
</div>
<div class="tips_content">
<ul>

<li><label resid="ecc_index.0001">可能由于以下的原因，系统需重新进行登录</label></li>
<li><label resid="ecc_index.0002">1、会话超时；</label></li>
<li><label resid="ecc_index.0003">2、无效的系统链接；</label></li>
<li><label resid="ecc_index.0004">3、未启动UDS单点登录或单点登录失效。</label></li>
<li><label resid="ecc_index.0005">由于MICI 信息中心子系统已整合到ECC系统中，故请登录ECC系统</label> <A href="http://ecc.app.com.cn" ><strong>http://ecc.app.com.cn</strong></A> <label resid="ecc_index.0006">进行访问。</label></li>
</ul>
</div>
<div class="tips_nowarn" >
<div class="f_left" >
<label resid="ecc_index.0007">系统将在</label><label id="showNum" style="color:red;">10</label><label resid="ecc_index.0008">秒后自动进入ECC登录页面</label>
</div>
<div class="f_right" >
<input type="hidden" id="btn_HiddenValue" value="10"/>
<input type="button" id="yes" resid="ecc_index.0009" value="立即登录" class="button" onClick="javascript:redirectJump();"/>
<input type="button" id="yes" resid="ecc_index.0010" value="关闭" class="button" οnclick="javascript:window.close();"/>
</div>
</div>
</div>
</form>
</body>
</html>

<SCRIPT LANGUAGE="javascript1.2">
<!--//
if (navigator.appName == 'Netscape')
var language = navigator.language;
else
var language = navigator.browserLanguage;
if (language.indexOf('en') > -1)
{
document.location.href = 'http://mim.zte.com.cn/MIMS/uiloader/login.html?lan=en';
}
else if (language.indexOf('zh') > -1)
{
document.location.href = 'http://mim.zte.com.cn/MIMS/uiloader/login.html?lan=zh';
}
else
{
document.location.href = 'http://mim.zte.com.cn/MIMS/uiloader/login.html?lan=zh';
}
// End -->
</script>
iteye_5120
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML ,CSS ,JS 组合运用制作登录界面，注册界面，相册旋转展示界面，并相互跳转联系，源代码
qq_53162555的博客
06-10 2873
完成《个人相册》项目登录页面 要求： 1. 使用正则表达式验证邮箱 2. 密码长度至少为6位且为字母与数字的组合
用vue实现注册页面、登录页面、主页之间跳转并保持登录状态【完整代码】
m0_67265464的博客
03-10 2万+
文章目录 前言 一、页面的简单实现 1.登录页面 2.注册页面 3.主页（显示个人信息） 二、逻辑实现 1.localStorage的使用 2.功能实现 登录 注册 主页 路由配置文件 总结 前言 本文主要讲解用vue来实现三个页面之间的跳转以及登录状态的实现，css还在努力学习中，所以界面做的很丑lol 要求： 1.三个页面，登录页面Login，注册页面Register，主页Home 2.用route路由实现不同页面逻辑跳转 3.登录状态 打开网页时，不论输入的路
点击页面触发登录验证跳转登录页，登录之后返回当前页或者要跳转到某一页
weixin_58785499的博客
10-13 1271
今天给大家分享的是我在开发小程序的时候所用到的功能，功能原型是这样的：在登录之前该用户进入该小程序页面是可以看见主页以及个人信息页，但是需要操作某功能的时候要判断该用户是否登录状态，没有登陆的话就要跳转到登录页，在登录之后再跳回到当前页或者跳转到你想要跳转到的那一页。然后上代码，这段代码放到 js 文件中，需要引用就在你要引用的vue文件中 import { } from ‘@/xxxxxx . js’ 就可以。那么在上代码之前需要先了解几种跳转方式。
HTML点击按钮button跳转页面的几种实现方法
圆圆的 JavaScript 博客
11-20 15万+
其实我比较喜欢第一种方法 <button onclick="window.location.href='../routeEdit/index.html'" type="button" id="add">新增</button> 方法一：在button标签中加上onclick属性，赋值为Javascript <input type="button" name="regi...
登录页面跳转
weixin_44545643的博客
05-16 1万+
登录页面跳转 开发工具与关键技术：VS、MVC 作者：黎官凤 撰写时间：2019/05/10 在做项目的时候有很多的项目都是需要实现登录的，在登录页面上填写完整各种登录信息然后点击登录按钮跳转到主页面从而实现到你登录进去要实现的功能。就像现在我们常用一些社交软件微信、QQ它们都有一个登录的功能，让用户登录进去后才能实现它们里面特定的某些功能。下面让我们来举例说明。 首先我们要创建一个主控...
JS实现页面超时后自动跳转到登陆页面
10-24
在网页应用中，为了保障用户的安全性和保持会话的有效性，常常需要...总的来说，通过JS实现页面超时后自动跳转到登录页面是一个常见的需求，理解并掌握上述代码和原理，可以帮助开发者提高应用程序的安全性和用户体验。
Session过期后自动跳转到登录页面的实例代码
09-02
以上代码片段展示了如何通过过滤器实现Session过期后的自动跳转。这种方式更加灵活，可以直接控制HTTP响应，确保用户在Session过期后能够被正确地引导回登录页面，重新验证其身份。在实际应用中，还需要考虑其他因素...
登陆成功后自动计算秒数执行跳转
09-04
登陆成功 <span id="myspan">5</span> 秒钟后自动跳转... ``` 最后，当倒计时结束，`setTimeout`中的代码会执行，用户将被重定向到`manage.html`页面，这里可能是用户登录后的管理界面。 总结起来，这个功能的核心...
asp.net登陆自动跳转代码实例
11-23
在ASP.NET中，实现用户登录并自动跳转到特定页面是常见的需求，这通常涉及到身份验证（Authentication）和授权（Authorization）过程。下面我们将深入探讨这个主题。 一、身份验证基础 在ASP.NET中，身份验证主要...
html+js实现输入用户名和密码点击登录跳转页面
m0_54256047的博客
12-28 1万+
html+js实现输入用户名和密码点击登录跳转页面
登录跳转源代码
07-05
这是一个jsp写的登录跳转代码，希望大家喜欢。我觉得 不错 里面涉及数据库
登录跳转。登录界面跳转到主界面。
01-11
只是做一个很简单的跳转。就是输入用户名和密码登录到主界面。而且界面非常简单。想要复杂样式的渗入。给新手一个登录界面。
HTML网页跳转代码大全 网页自动跳转代码【分享】
热门推荐
vbn67667的博客
10-23 18万+
很多新手在学习网站建设的时候，不清楚也就是从一个，下面IT备忘录婷婷小编就给大家分享一份比较全面的网页自动跳转代码大全给大家，欢迎大家采纳！
小白学习之Python—做一个简单的用户登录跳转界面
最新发布
weixin_70754287的博客
01-10 3934
题外话>代码不够完善自行判断借鉴，有错误欢迎uu们指正 关于Python的登录界面设计及跳转
登录跳转页面
dengfengling999的博客
03-03 2777
1.点击【文件】|【新建】|【项目】|【ASP.NET空网站】 2.新建页面。在项目图标上点击右键，选择【添加】|【新建项】|【Web窗体】，将窗体命名为Login.aspx。 3.点击项目创建一个images文件夹，把所需要的图片复制到里面 4.编辑Login.aspx登录页面，代码如下： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %> <.
html点击按钮跳转到另一个界面_网页制作：一个简易美观的登录界面
weixin_39755218的博客
11-02 2万+
效果图目录结构：在我们做一个页面之前，要先想好他的一个整体布局，也就是我们这里面的login.html主页面，大致结构如下：接下来，我们先上代码，看一下具体实现方法：login.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&gt...
HTML实现简单登录以及界面跳转
IT_ICANDO的博客
04-15 6万+
<html> <head> <title>我的HTML语言 </title> </head> <body> <form action="http://www.baidu.com/"> //添加事件触发 用户名：<input type="txt" na...
Vue前端页面跳转，登录成功跳转页面
前方的路在刚开始
07-06 9287
在以往不用框架的时候，我通常是通过href，或者重定向进行跳转。对于vue，他有专门的router路由进行跳转。所以第一步，我们要像python一样,在npm中安装并且在项目中引用他思路：用户点击登录后，跳转到Index.vue界面我的默认页面是SignIn.vue，是登录页面SignIn.vue Index.vue这个页面我还没有画，我先画个原型图（等我2分钟）.........
html注册提交后自动跳转,点击登录，登陆成功，自动跳转到起始页面，这要怎么做？...
weixin_39600366的博客
05-31 5915
先介绍下登录过程，然后介绍代码如何做。登录过程下面这个页面是起始页面，因为我已经测试过了，所以这里会显示我的用户名点击按钮跳转到登录页面，输入用户名，密码，然后点击登录(注意这里我们的用户名是:segment)页面会跳转到起始页面，并且会显示我们刚才的用户名起始页面设计--goTo-demo.html主要代码如下：登录返回后下面显示你的登录用户名点击跳转登录当前用户名是：var username ...
vue怎么实现登陆后页面跳转
07-09
在Vue中实现登录后的页面跳转有多种方式，以下是其中一种常见的方法： 1. 首先，你需要在Vue项目中安装`vue-router`，可以通过以下命令进行安装： ```bash npm install vue-router ``` 2. 在你的Vue项目中创建一个路由文件（通常命名为`router.js`或者`index.js`），并配置路由信息。在路由配置中，你可以使用`beforeEach`导航守卫来检查用户是否已登录。如果用户已登录，则允许页面跳转，否则将用户重定向到登录页面。 ```javascript import Vue from 'vue'; import Router from 'vue-router'; import Home from './views/Home.vue'; import Login from './views/Login.vue'; Vue.use(Router); const router = new Router({ routes: [ { path: '/', name: 'home', component: Home, meta: { requiresAuth: true // 设置需要登录才能访问的页面 }, }, { path: '/login', name: 'login', component: Login, }, ], }); router.beforeEach((to, from, next) => { const isLoggedIn = ... // 根据你的登录状态判断用户是否已登录 if (to.matched.some(record => record.meta.requiresAuth) && !isLoggedIn) { next('/login'); // 如果需要登录才能访问的页面未登录，则重定向到登录页 } else { next(); // 允许页面跳转 } }); export default router; ``` 3. 在主Vue实例中引入路由配置，并将路由挂载到Vue实例中： ```javascript import Vue from 'vue'; import App from './App.vue'; import router from './router'; new Vue({ router, render: h => h(App), }).$mount('#app'); ``` 在上述代码中，`Home`组件是需要登录才能访问的页面，`Login`组件是登录页面。通过设置路由的`meta`字段中的`requiresAuth`为`true`，我们标记了需要登录才能访问的页面。在导航守卫中，我们检查用户的登录状态，如果未登录且访问的页面需要登录权限，则将用户重定向到登录页面。 当用户成功登录后，你可以使用Vue Router提供的`router.push()`方法来实现页面跳转，例如： ```javascript // 登录成功后跳转到首页 this.$router.push('/'); ``` 这样，当用户登录后，页面会自动跳转到首页。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值