首页 > 代码库 > 网页登陆框架代码
网页登陆框架代码
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> 5 <title>TBUSF System</title> 6 <script type="text/javascript" src="./html_api.js"></script> 7 8 </head> 9 10 <body style="background-color:gray;padding: 20px;">11 12 <!--页面标题-->13 <h1 style="text-align:center;color:yellow">welcome to TBUSF System</h1><br />14 15 <!--用户登陆-->16 <p1 style="color:black">用户User Name:</p1><br />17 <input id="user_id" tyle="text-align:center" type="text" name="username"><br />18 <p1 style="color:black">Code:</p1><br />19 <input id="code_id" type="text" name="code">20 <br><br>21 22 <!--点击进入下一个页面-->23 <input style="font-size:15px;" type="button" onclick="jump_page(‘user_id‘,‘code_id‘)" value="next page->">24 25 </body>26 </html>
./html_api.js(点击登陆所调用函数):
1 function jump_page(id_x,id_y) 2 { 3 try 4 { 5 x=document.getElementById(id_x).value; 6 y=document.getElementById(id_y).value; 7 if (x == ‘刘洋‘ && y == ‘1992‘) 8 n =1; 9 else10 n = 3;11 switch (n)12 {13 case 1:14 window.open(‘https://www.baidu.com‘);15 break;16 case 2:17 window.location.href=http://www.mamicode.com/‘https://www.baidu.com‘;18 break19 default:20 alert("fail"); 21 }22 }23 catch(err)24 {25 txt = err.message26 alert(txt);27 }28 }
网页登陆框架代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。