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实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
JS实现拖动示例代码
Nov 01 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
JavaScript的设计模式经典之代理模式
Feb 24 Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 Javascript
使用AJAX实现Web页面进度条的实例分享
May 06 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
Backbone View 之间通信的三种方式
Aug 09 Javascript
Angular实现响应式表单
Aug 04 Javascript
使用Nuxt.js改造已有项目的方法
Aug 07 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
Oct 14 Javascript
JavaScript获取URL参数的方法分享
Apr 07 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
星际RPG字典
2020/03/04 星际争霸
默默简单的写了一个模板引擎
2007/01/02 PHP
比较详细PHP生成静态页面教程
2012/01/10 PHP
php通过淘宝API查询IP地址归属等信息
2015/12/25 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
重构Javascript代码示例(重构前后对比)
2013/01/23 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
React/Redux应用使用Async/Await的方法
2017/11/16 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
vue element ui validate 主动触发错误提示操作
2020/09/21 Javascript
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
python实现日志按天分割
2019/07/22 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
Python中无限循环需要什么条件
2020/05/27 Python
matplotlib绘制鼠标的十字光标的实现(自定义方式,官方实例)
2021/01/10 Python
成都思必达公司C#程序员招聘面试题
2013/06/26 面试题
人事档案接收函
2014/01/12 职场文书
电力公司个人求职信范文
2014/02/04 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
2014年领导班子专项整治整改方案
2014/09/28 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
小学家庭教育心得体会
2016/01/14 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
Python中X[:,0]和X[:,1]的用法
2021/05/10 Python
MySQL注入基础练习
2021/05/30 MySQL