JS中 用户登录系统的解决办法


Posted in Javascript onApril 15, 2013

当用户输入 pwd 密码是 123 就跳到第二个页面,4秒后,自动跳转到第三个页面
login.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">    //进行检查
    function check(){
        //window.alert($("username").value);
        if($("username").value=="pwd" && $("pwd").value=="123"){
            return true;
        }else{
            $("username").value="";
            $("pwd").value="";
            return false;
        }
    }
    //获取文档对象
    function $(id){
        return document.getElementById(id);
    }
</script>
</head>
<body>
<form action="ok.html">
u:<input type="text" id="username" /><br/>
p:<input type="password" id="pwd" /><br/>
<input type="submit" value="提交" onclick="return check()"/>
</form>
</body>
</html>

ok.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">    //跳转到指定页面
    function tiao(){
        clearInterval(myInterval);
        window.open("success.html","_self");
    }
    //设置5秒跳转
    setTimeout("tiao()",5000);
    //改变秒数
    function changeSec(){
        //改变数字
        $("myspan").innerText=parseInt($("myspan").innerText)-1;
    }
    var myInterval=setInterval("changeSec()",1000);

    //获取对象
    function $(id){
        return document.getElementById(id);
    }
</script>
</head>
<body>
登录成功<span id="myspan">5</span>秒后自动跳转
</body>
</html>

success.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript"></script>
</head>
<body>
欢迎.......
</body>
</html>

Javascript 相关文章推荐
jQuery实现新消息在网页标题闪烁提示
Jun 23 Javascript
vue自定义指令实现v-tap插件
Nov 03 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
原生js开发的日历插件
Feb 04 Javascript
Node.js使用Express.Router的方法
Nov 14 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
javascript实现文件拖拽事件
Mar 29 Javascript
使用ECharts实现状态区间图
Oct 25 Javascript
javascript数组去重方法总结(推荐)
Mar 20 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 Javascript
js+css实现扇形导航效果
Aug 18 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
Apr 15 #Javascript
JS 模态对话框和非模态对话框操作技巧汇总
Apr 15 #Javascript
jquery获得页面元素的坐标值实现思路及代码
Apr 15 #Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 #Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 #Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 #Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 #Javascript
You might like
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
浅谈php中urlencode与rawurlencode的区别
2016/09/05 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
PHP命名空间namespace的定义方法详解
2017/03/29 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
2016/06/23 Javascript
ES6通过babel转码使用webpack使用import关键字
2016/12/13 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
微信小程序获取用户openid的实现
2018/12/24 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
[02:04]2014DOTA2国际邀请赛 DK一个时代的落幕
2014/07/21 DOTA
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
仅利用30行Python代码来展示X算法
2015/04/01 Python
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
Django中Model的使用方法教程
2018/03/07 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
Django视图类型总结
2021/02/17 Python
Hotels.com爱尔兰:全球酒店预订
2017/02/24 全球购物
外贸学院会计专业应届生求职信
2013/11/14 职场文书
审计工作个人的自我评价
2013/12/25 职场文书
职工运动会感言
2014/02/07 职场文书
五年后的职业生涯规划
2014/03/04 职场文书
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
车队安全员岗位职责
2015/02/15 职场文书
上帝也疯狂观后感
2015/06/09 职场文书
php双向队列实例讲解
2021/11/17 PHP
MySQL事务操作的四大特性以及并发事务问题
2022/04/12 MySQL
《英雄联盟》2022日蚀、月蚀皮肤演示 黑潮亚索曝光
2022/04/13 其他游戏