JS를 사용하여 SessionStorage의 가치를 얻는 방법-JS 튜토리얼-php.cn

JS를 사용하여 SessionStorage의 가치를 얻는 방법

亚连

풀어 주다： 2018-06-12 14:25:05

원래의

2979명이 탐색했습니다.

이 글에서는 js를 사용하여 sessionstorage에서 값을 얻는 방법을 소개합니다. 첫째, 얻은 정보 또는 Alert()를 출력하는 방법을 소개합니다. 둘째, 정적 페이지에서 sessionStorage를 사용하는 것은 동적 페이지에서 연결하는 것과 같습니다. 자세한 내용은 이 글을 참고해주세요.

sessionStorage를 얻는다는 의미

먼저 얻은 정보를 출력하기 위해 얻거나,

둘째, 정적 페이지에서 sessionStorage를 사용하면 동적 페이지에서 데이터베이스에 연결하는 것과 동일합니다

예: 이전 기사의 프로젝트를 사용하여 버튼 버튼에 대한 캐리지 리턴 이벤트를 추가할 수 있습니다. 페이지 입력을 얻으려면 js에서 sessionStorage를 사용하세요. 정보는 백그라운드에서 계산되어 표시되는 데이터에서도 얻을 수 있습니다.

더 이상 말도 안 되는 소리는 하지 마세요. 코드를 보는 것이 중요합니다.

특정 구현

<script type="text/javascript">
    function login(){
      var username=window.document.getElementById("username").value;
      var password=window.document.getElementById("password").value;
      if(password=="123456")
      {
        window.sessionStorage.setItem("username", username);
        window.location.href="../index1.html" rel="external nofollow" ;
      }else{
        alert("密码错误请输入正确的密码，例如：123456！");
        return false;
      }
    }
</script>
<input type="text" id="username" class="11" placeholder="请输入真实姓名"/>
<input type="password" id="password" placeholder="请输入密码（默认密码123456）"/>
<input type="button" value="登录考试" onclick="login()">

로그인 후 복사

위 코드는 사용자 이름의 값을 가져와서 다음 인터페이스에 전달하는 것입니다

그리고 비밀번호의 값도 가져옵니다. 미리 설정한 것과 다른 것과 비교하고, 오류가 있으면 로그인이 안 됩니다

<script>
   $(function () {
     var username= window.sessionStorage.getItem("username")
     $("#yhm").html("登录用户："+username)
     $("#name").html(username)
     if(window.sessionStorage.getItem("username")===null){
       alert("您还没有登录，请登录后重试！")
       window.location.href="Pages/index.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
     }
     $("#esc").on("click",function(){
       window.sessionStorage.clear();
       window.location.href="Pages/index.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
     });
  })
 </script>

로그인 후 복사

이전 페이지에서 입력한 값을 가져와서 해당 위치에 표시해 줍니다

<p id="yhm"></p>

로그인 후 복사

그리고 오류가 있는지 확인합니다 sessionStorage 값이 없으면 자동으로 로그인 페이지로 돌아가 해당 프롬프트를 표시합니다

Click 이벤트 트리거링 후 sessionStorage 값을 지웁니다

<script>
$("#esc").on("click",function(){
       window.sessionStorage.clear();
       window.location.href="Pages/index.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
     });
</script>

로그인 후 복사

id esc

<button id="esc" style="background-color: #FF0000">退出考试系统</button>

로그인 후 복사

버튼을 클릭하면 Clear 이벤트가 트리거됩니다. 로그인 인터페이스로 돌아가기

위 내용은 앞으로 모든 사람에게 도움이 되기를 바랍니다.