Rumah > hujung hadapan web > tutorial js > js实现简单登录功能的实例代码_javascript技巧

js实现简单登录功能的实例代码_javascript技巧

WBOY
Lepaskan: 2016-05-16 17:16:30
asal
1580 orang telah melayarinya

复制代码 代码如下:



 
    Login.html

   
   
   

   
   
 

 
   

      u:

      p:

     
   

 


这是登录页面,只有当用户名为lala,密码为123时登录成功。在onclick事件处使用return,是在用户名和密码输入不符时,阻止页面跳转。登录成功页面中,含有等待秒数,代码为:

复制代码 代码如下:



 
    ok.html

   
   
   

   
   
 

 
    登录成功,5秒后自动跳转到管理页面
 


关键在几个函数的使用,setTimeout("tiao()",5000);函数是打开页面,等待5秒,调用tiao()函数。setInterval("changeSec()",1000);函数是每隔1秒调用一次changeSec()函数。这样就完成了简单的登录功能。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan