初学Javascript,写一个简易的登陆框

<!--下面是源代码-->

<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
</head>
<!--<script type = "text/javascript" src = "test.js"> -->
<!-- </script> -->
<script>
    function button_onclick(){
        if(document.getElementById("account_value").value == "jeavenwong" && document.getElementById("secret_value").value == "123456"){
            document.location = "http://www.cnblogs.com/jeavenwong";
        }
        else{
            document.location = "file:///C:/Users/lenovo/Desktop/JsStudy/error.html";

        }
    }
</script>
<body>
<h1>This web is to study javascript!</h1>
<p>请登录jeavenwong的博客园</p>
账号:<br/>
<input type = "text" id = "account_value" /> <br/>
密码:<br/>
<input type = "password" id = "secret_value" /><br/>     //我的密码设置的是123456
<br/>
<button onclick = "javascript:button_onclick()">提交</button>

</body>
</html>

效果如下:

登陆时:

登陆正确时跳转到我的博客园:

登陆错误时跳转到一个错误页面(这个页面几行代码,就不上了):

时间: 2024-12-23 06:31:43

初学Javascript,写一个简易的登陆框的相关文章

自己手写一个简易的警告框,和关于滚动条的那些事儿

初来乍到,请大家多多指教! 这已经是我工作的第二周了,刚刚到公司还是有许多的不适应与羞涩,更多的是紧张,随时都会被项目惊醒,公司只有我一个前端开发,对于没有开发经验的我来说无疑是一个挑战,而且这一周正式算做项目的日子,为期一个月,做的是公司的关于账号和作品等的一个内部管理系统,感觉写起来没有什么要求,但就最怕这种没有要求的东西,没有人管,没人指导,感觉什么都只有按照自己以往一贯的书写代码的方式来,最怕最后不合格........呵呵呵,也许这就是我一个初到职场,一个小小菜鸟的畏畏缩缩的小心理吧!

LinearLayout实现一个简易的登陆界面

今天通过学习六大布局中第一种布局方式:LinearLayout ,就拿来去做一个简易的登陆界面 存在的问题: LinearLayout中实现水平方向上的两个View一个居左,一个居右的效果,感觉这个才是学以致用 界面如下: 解决上面所存在问题的方案:通过巧妙地使用 android:layout_weight 达到所想要的效果 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns

编译原理实战入门:用 JavaScript 写一个简单的四则运算编译器(四)结语

四则运算编译器,虽然说功能很简单,只能编译四则运算表达式.但是编译原理前端部分几乎都有涉及,词法分析,语法分析,还有代码生成. 再复杂的编译器.再简单的编译器,功能上是差不多的,只是复杂的编译器实现上会更困难. 这个系列的文章是为了帮助你入门,在这个基础上再去看编译原理相关书籍,不至于打瞌睡. 如果你对编译原理很有兴趣,并且想更深一步的学习,在这里强烈推荐你看一本书--我心目中的神书--<计算机系统要素-从零开始构建现代计算机>. 这本书神在哪? 神在它通俗易懂,对小白足够友好,但又不过分肤浅

########django-基于中间件写一个限制频繁登陆########

django-基于中间件写一个限制频繁登陆 额额,标题已经很醒目了,通过中间件去实现,其他方法也可以实现 浏览器前端传来的请求,必须通过中间件,才能到后面路由,视图函数,所以我们在中间件那里做一层处理, 我们还需要知道是哪个ip,在什么时候,请求了几次,这些数据是要知道,并且记录下来,所以我创建了一个 表,来存放这些信息数据 models文件: class Host_info(models.Model): host = models.CharField(max_length=32) count

JavaScript写一个连连看的游戏

天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开 最终的效果图: 写连连看之前要先考虑哪些呢? 1:如何判断两个元素可以连接呢, 刚刚开始的时候我也纳闷, 可以参考这里:打开: 2:模板引擎怎么选择呢, 我用了底线库的template,因为语法简单. 本来想用Handlebars,但是这个有点大啊, 而且底线库也提供很多常用工具方法( •? ω •? )y:

写一个简易web服务器、ASP.NET核心知识(4)

前言 昨天尝试了,基于对http协议的探究,我们用控制台写了一个简单的浏览器.尽管浏览器很low,但是对于http协议有个更好的理解. 说了上面这一段,诸位猜到我要干嘛了吗?(其实不用猜哈,标题里都有,又都不瞎...我就是调侃一下,说些没营养的笑话.我认为这样能不那么枯燥,尽管不好笑吧,但这不重要!) 没错,今天要尝试的东西,是自己写一个web服务器.初衷依旧和昨天一样,旨在理解一些东西,而不是真的写出一个多牛的东西. 第一次尝试(V1.0) 1.理论支持 其实关于http协议的理论方面我在<写

写一个简易浏览器、ASP.NET核心知识(3)

前言 先在文章前面说好了,省得大家发现我根本没有这样的头发,duang的一下一堆人骂我. 这篇文章的标题有点大,其实挺low的,我需要在开头解释一下.我这里只想写一个小的控制台,旨在模拟浏览器的http通信. 不是真的能用的浏览器. 简单的说,今天的全部工作就是 建立Socket→发送请求报文→ 服务器返回报文→显示报文.仅此而已喏. 实话说出来,是不是一下就low了? 我的目的只有两个. 1.加深对http协议的理解   2.深化对B/S结构的认识. 如果您已经非常了解这些东西了.那就甭搭理我

用javascript写一个前端等待控件

前端等待控件有啥新奇的?什么jquery啦,第三方控件啦,好多好多,信手拈来. 因为项目使用了bootstrap的原因,不想轻易使用第三方,怕不兼容.自己写一个. 技术点包括动态加载CSS,javascript的命名空间,所以记录一下. 这个等待控件主要是:进行某个操作前,显示一个信息提示:"数据加载中,请稍候...",操作成功后,在回调函数中将提示消失. 原理是这个等待控件完全由JS动态加进去,包括CSS,页面中并无预先设定. 那么这个CSS怎么动态加载呢?等待控件中,样式使用了cl

手写一个简易的IOC

这个小项目是我读过一点Spring的源码后,模仿Spring的IOC写的一个简易的IOC,当然Spring的在天上,我写的在马里亚纳海沟,哈哈 感兴趣的小伙伴可以去我的github拉取代码看着玩 地址: https://github.com/zhuchangwu/CIOC 项目中有两种方式实现IOC: 第一种是基于dom4j实现的解析XML配置文件版 第二种是基于自定义注解实现全配置版 全注解版 模仿Spring原生的IOC机制如下: Interface类型的beanDefinition不会被实