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 相关文章推荐
很酷的javascript loading效果代码
Jun 18 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
JQquery的一些使用心得分享
Aug 01 Javascript
在jQuery ajax中按钮button和submit的区别分析
Oct 07 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
jquery实现图片随机排列的方法
May 04 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
异步加载JS、CSS代码(推荐)
Jun 15 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
vuex实现像调用模板方法一样调用Mutations方法
Nov 06 Javascript
基于JS实现计算24点算法代码实例解析
Jul 23 Javascript
vue内置组件component--通过is属性动态渲染组件操作
Jul 28 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设计模式 Chain Of Responsibility (职责链模式)
2011/06/26 PHP
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
ucenter通信原理分析
2015/01/09 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
jquery利用event.which方法获取键盘输入值的代码
2011/10/09 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
javascript parseInt() 函数的进制转换注意细节
2013/01/08 Javascript
JavaScript调用浏览器打印功能实例分析
2015/07/17 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
javascript操作cookie
2017/01/17 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
python有证书的加密解密实现方法
2014/11/19 Python
python使用datetime模块计算各种时间间隔的方法
2015/03/24 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
Flask框架配置与调试操作示例
2018/07/23 Python
Python Matplotlib 基于networkx画关系网络图
2019/07/10 Python
Tensorflow 1.0之后模型文件、权重数值的读取方式
2020/02/12 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
python实现人性化显示金额数字实例详解
2020/09/25 Python
python文件路径操作方法总结
2020/12/21 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
英国在线药房:Express Chemist
2019/03/28 全球购物
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
管理专员自荐信
2014/01/26 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
医院病假条范文
2015/08/17 职场文书
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏