js实现用户登录自动跳转的代码,js登录成功跳转

发布时间：2023-12-08

js实现用户登录自动跳转的代码,js登录成功跳转

更新：2022-11-20 05:13

本文目录一览：

  1. js判断是否登录并跳转页面
  2. 如何使用js跳转代码
  3. 用javascript实现登录界面帐号密码正确后转换页面
  4. 用javascript编写一段用户名和密码登录代码。点击登录按钮后，页面跳转到另一个页面，显示此用户名和密码的
  5. 手机登陆网页时如何设置自动跳转到另一个页面，js代码怎么写？
  6. 如何用javascript编程在自动登录后，转到另一个页面

js判断是否登录并跳转页面

  1. 首先在一个文件里面准备两个自己写的HTML文件以便进行跳转的效果查看。
  2. 接着可以用 location.href 来指定要跳转的页面便可。
  3. 然后在浏览器中点击按钮便可以看到跳转了。
  4. 如图，此时便会从422a跳到422b了。
  5. 最后可以直接 alert 弹出 location.href 便可以查看到当前页面的地址了，这样就完成了跳转并且登录。

如何使用js跳转代码

javascript常用的页面跳转方法为：

window.location.href = some_url;

下面举例演示点击按钮后，延迟3秒跳转页面：

  1. HTML结构
<input type='button' value='延迟3秒跳转到百度首页' onclick="fun()"/>
  1. javascript代码
function fun(){
    setTimeout(function(){
        window.location.href = "";
    },3000);
}
  1. 演示效果：

用javascript实现登录界面帐号密码正确后转换页面

修改check函数

function check(){
    var user = "user", password = "123456";
    var temUser = document.form1.username.value;
    var temPassword = document.form1.password.value;
    if(user == temUser && password == temPassword){
        alert("登入成功!");
        window.location.href = "登陆后显示的页面"; // 在这里进行页面跳转
    } else {
        alert("用户名或密码错误!");
        // 这里可以跳转到错误提示页面，或者不跳转
    }
}

用javascript编写一段用户名和密码登录代码。点击登录按钮后，页面跳转到另一个页面，显示此用户名和密码的

function login(){
    var username = document.getElementById("userName");
    var password = document.getElementById("password");
    if(username.value == "admin" && password.value == "123456"){
        window.location.href = "success.html";
    }
}

为登录按钮注册 onclick="login()"

手机登陆网页时如何设置自动跳转到另一个页面，js代码怎么写？

function isMobile() {
    if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
        return true;
    } else {
        return false;
    }
}
var urlMobile = ''; // 手机跳转的页面
if(isMobile() !== false) {
    window.location.href = urlMobile;
}

如何用javascript编程在自动登录后，转到另一个页面

我就写下大致的步骤 对于1：调用 setTimeout(function(){window.open("B2.html");},2*1000); setTimeout 就是延迟多少时间后触发事件，时间单位是毫秒。这个代码写在A1页面中 就是页面load之后 对于2：setTimeout(window.open("B1.html");}40*60*1000); 写在B2中 setTimeout(window.open("B2.html");}40*60*1000); 写在B1中 上面的代码都要在文档加载后调用

推荐文章