-
History.go()JavaScript 2021. 6. 25. 21:26
History.go() 메서드는 history 세션에서 특정한 페이지를 로딩한다. 인자로 전달하는 파라미터 값에 따라 history를 통해서 페이지를 앞 뒤로 이동할 수 있다.
이 메서드는 asynchronous(en-US)(비동기)로 동작한다. 페이지 앞, 뒤 이동이 언제 이루어지는지 알려면 popstate event에 대한 listenr를 등록한다.
구문
history.go([default])
현재 페이지에서 상대적으로 이동하려고 하는 history의 위치 값. 음수 값은 뒤로 이동하고, 양수 값은 앞으로 이동한다. 예를 들어 history.go(2)는 현재 페이지에서 2 페이지 앞으로 이동하고, history.go(-2)는 현재 페이지에서 2 페이지 뒤로 이동한다. 만약 값을 전달하지 않거나, delta 값을 0으로 전달한다면, 이는 location.reload()를 동작시켰을 때와 동일한 결과를 보인다.(새로고침)
history.go(-1) 한 페이지 뒤로 이동 history.go(1) 한 페이지 앞으로 가기 history.go(2) 두 페이지 앞으로 가기 history.go(-2) 두 페이지 뒤로 가기 history.go() 현재 페이지 새로고침 history.go(0) 현재 페이지 새로고침 page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>아이디 찾기</title> </head> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="text/javascript"> $(function(){ $("#findidresult").hide(); }); function findid() { var useremail = $("#useremail").val().trim(); var findVal = { "useremail" : useremail } if(useremail == null || useremail == "") { alert("email을 입력해 주세요"); } else { $.ajax({ type:"post", url:"ajaxfindid.do", data:JSON.stringify(findVal), contentType:"application/json", dataType:"json", success:function(msg) { if(msg.userid != null) { $("#findidresult").show(); $("#findidresult").html(msg.userid); $("#cancelBtn").html("login하러가기") } else { $("#findidresult").show(); $("#findidresult").html("일치하는 이메일이 존재하지 않습니다.").css("color", "red"); } }, error:function() { alert("통신 실패"); } }); } } </script> <body> <h2>아이디 찾기</h2> <label>Email</label> <input type="text" id="useremail" placeholder="이메일을 입력해 주세요 ex)1235@xxxx.xxx" style="width: 300px;"> <div id="findidresult"></div> <br> <input type="button" value="찾기" onclick="findid();"> <button type="button" id="cancelBtn" onclick="history.go(-1)">취소</button> </body> </html>'JavaScript' 카테고리의 다른 글
변수 (0) 2021.07.19 자바스크립트 개발 환경과 실행 방법 (0) 2021.07.18 카카오맵 api 예시 (0) 2021.07.13 정규표현식 (0) 2021.06.19 JavaScript란? (0) 2021.06.16