用javascript实现登录注册界面跳转

用javascript实现登录注册界面跳转先看看成品我们要做的就是这么一个可以跳转的登录注册界面 javascript 代码 varTurnToLog amp amp gt document getElementBy form login div style display amp quot block amp quot document getElementBy form regi

javascript代码*

var TurnToLogin = () => { document.getElementById('form_login_div').style.display = "block"; document.getElementById('form_register_div').style.display = "none"; } var TurnToRegister = () => { document.getElementById('form_register_div').style.display = "block"; document.getElementById('form_login_div').style.display = "none"; } 

css代码

#form_login_div{ display: block; } . . . #form_register_div{ display: none; } . . . 

通过css对登录注册界面的样式进行排版,详细代码就不在这写了,下面有链接可以下载

html代码

 
  





   













   








这里的html简单的实现了一个登陆注册界面,重点是div要有id使得javascript可以获取该div信息,然后对div的display属性进行修改

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/217994.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 上午8:18
下一篇 2026年3月18日 上午8:18


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号