- [index.html] 에서 [detail.html]로 이동시키려면 어떻게해야할까??
미니 프로젝트를 하다가보니 페이지 이동해야할 일이 있었는데
강의를 들으면서 알아냈다!
방법은 두가지가 있다
- <a> 태그에 href 어트리뷰트 사용하여 이동하기
- <button>태그를 사용하여 이동하기
1.<a>태그의 href사용해서 이동하기
<body>
<h1>메인페이지</h1>
<a href="/detail">상세페이지로 가기</a>
</body>
예를들어 index.html에서 detail.html로 이동할때
<body>안에 <a>태그를 넣어 href를 이용하여 원하는 페이지인 /detail을 넣어준다
2.<button> 태그를 사용해서 이동하기
<body>
<h1>상세페이지</h1>
<button onclick="to main">메인으로 돌아가기</button>
</body>1)onclick에 임의의 function 이름으로 “to_main”이라고 만든다
<head>
<script>
function to_main() {
window.location.href="/"
}
</script>
</head>
2)<head>태그안에 <script>태그를 만들어서 to_main function을 만든후
Window.location.href=“/“. 를 입력한다 → 여기서 "/"만 넣어도 메인페이지(index.html)로 이동가능하다
👍꿀팁
window.location.href="/" 같이 한줄짜리 코드는 함수를 따로 정의할필요 없이
<button onclick="window.location.href='/'">메인으로 돌아가기</button>
<button onclick="window.location.href='/'">메인으로 돌아가기</button>요렇게 넣어줘도 된다! 단 문자열 따옴표주의 (큰따옴표, 작은따옴표)
다음에는 jinja2를 이용해서 이동하는걸 배워본다!
'코딩조각' 카테고리의 다른 글
| [Spring] spring jpa localtime between (0) | 2022.07.27 |
|---|---|
| [java]PUT PATCH 의 차이점 (0) | 2022.07.26 |
| [java] do-while, break, continue 사용법 (0) | 2022.07.17 |
| [java]반복문 쓰는 이유와 for문 중첩 for문 while문 사용방법 (0) | 2022.07.17 |
| [java] Scanner기능 써보기 (0) | 2022.07.17 |