登录成功后 页面头部通过sessionstroge显示用户信息

来源:互联网 发布:司法考试音频加速软件 编辑:程序博客网 时间:2024/05/18 03:19
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" name="user" id="user" value="" />
         <button onclick="ma()">点击</button>
</body>
<script type="text/javascript" src="gonggong.js">

</script>

</html>


function ma(){
var user=document.getElementById("user")
if(user.value){
sessionStorage.setItem("data",user.value);
window.location="new_file.html"
}else{
console.log("信息不能为空");
}

}



<!DOCTYPE HTML> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>本地存储SessionStorage</title> 
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    </head> 
     
    <body> 
    <a href="index.html">链接</a>
         <div class="header" style="width: 100%;height: 50px;border: 1px solid black;">
     
         </div>
    </body> 
    <script type="text/javascript" src="xinxi.js"> 
                
    </script> 
</html> 


<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<title></title>  
   
</head>  
<body>  
<a href="new_file.html">链接</a>
   <div class="header" style="width: 100%;height: 50px;border: 1px solid black;">
     
   </div>
</body>  
<script type="text/javascript" src="xinxi.js"> 
</script> 
</html>  



//显示需要调用的信息

var msg=sessionStorage.getItem("data");
if(msg){
$(".header").html(msg)
}else{
console.log(11111111);
}



阅读全文
0 0
原创粉丝点击