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 相关文章推荐
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
Jul 31 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
Jun 14 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
Bootstrap基本布局实现方法详解
Nov 25 Javascript
详解JavaScript中this的指向问题
Jan 20 Javascript
Vue监听数据对象变化源码
Mar 09 Javascript
VueJS组件之间通过props交互及验证的方式
Sep 04 Javascript
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
vue-rx的初步使用教程
Sep 21 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 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
要会喝咖啡也要会知道咖啡豆
2021/03/03 咖啡文化
PHP 单引号与双引号的区别
2009/11/24 PHP
php microtime获取浮点的时间戳
2010/02/21 PHP
析构函数与php的垃圾回收机制详解
2013/10/28 PHP
Laravel框架实现定时Task Scheduling例子
2019/10/22 PHP
js字母大小写转换实现方法总结
2013/11/13 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
JQuery基础语法小结
2015/02/27 Javascript
jQuery实现折线图的方法
2015/02/28 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
javascript基于定时器实现进度条功能实例
2017/10/13 Javascript
微信小程序实现animation动画
2018/01/26 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
[02:38]DOTA2 夜魇暗潮2020活动介绍官方视频
2020/11/04 DOTA
python数字图像处理实现直方图与均衡化
2018/05/04 Python
python实现周期方波信号频谱图
2018/07/21 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
HTML5使用DOM进行自定义控制示例代码
2013/06/08 HTML / CSS
Charles & Keith欧盟:新加坡时尚品牌
2019/08/01 全球购物
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
大学生个人简历自我评价
2013/11/16 职场文书
办公室文书岗位职责
2013/12/16 职场文书
学历公证委托书
2014/04/09 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
2015年乡镇环保工作总结
2015/04/22 职场文书
公诉意见书范文
2015/06/05 职场文书
工资证明范本
2015/06/12 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python
pytorch 如何使用amp进行混合精度训练
2021/05/24 Python