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 相关文章推荐
关于flash遮盖div浮动层的解决方法
Jul 17 Javascript
禁止你的左键复制实用技巧
Jan 04 Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
详解如何在JS代码中消灭for循环
Dec 11 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 Javascript
JS实现横向跑马灯效果代码
Apr 20 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 Javascript
在elementui中Notification组件添加点击事件实例
Nov 11 Javascript
原生JavaScript实现留言板
Jan 10 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
php2html php生成静态页函数
2008/12/08 PHP
php将html转为图片的实现方法
2017/05/19 PHP
PHP7 windows支持
2021/03/09 PHP
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
Javascript 中文字符串处理额外注意事项
2009/11/15 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011/11/05 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
jquery单行文字向上滚动效果的实现代码
2014/09/05 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
ionic3 懒加载
2017/08/16 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
2020/07/20 Javascript
v-slot和slot、slot-scope之间相互替换实例
2020/09/04 Javascript
python+pyqt5实现24点小游戏
2019/01/24 Python
python并发编程多进程 模拟抢票实现过程
2019/08/20 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
2020/11/17 Python
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
北京RT科技有限公司.net工程师面试题
2013/02/15 面试题
全国道德模范事迹
2014/02/01 职场文书
体育课课后反思
2014/04/24 职场文书
文明礼仪伴我行演讲稿
2014/05/12 职场文书
项目建议书模板
2014/05/12 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
html实现弹窗的实例
2021/06/09 HTML / CSS
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python