Java Script를 html에서 호출하는 방법은 여러가지가 있지만 우선 두가지를 보려고한다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<script>
function func(){
alert("로그인이 필요합니다.");
location.href="login.jsp";
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>글 목록</h1>
<c:set var="name" value="${user }" />
<h2>${name }</h2>
<c:if test="${name eq null }">
<script type="text/javascript">
func();
</script>
</c:if>
</body>
첫번째 코드는 위와 같이 script 함수를 상단에 따로 선언하고 html에는 함수명만 입력하는 것이다.
여기서 주의할 것은 script를 제일 상단이 아닌 하단에 정의하거나 scirpt를 사용하려 하는 부분 이후에 정의한다면 html 코드가 위에서 아래로 실행이 되므로 해당 코드는 지나가고 제일 하단에 script가 실행되게 된다. 그러므로 꼭 상단에 정의하는 것이 중요하다.
위와 같이 하단에 정의시 Script가 실행안되는 것을 확인할 수 있다.
그리고 두번째 방법은 바로 스크립트를 입력하는 것이다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>글 목록</h1>
<c:set var="name" value="${user }" />
<h2>${name }</h2>
<c:if test="${name eq null }">
<script type="text/javascript">
alert("로그인이 필요합니다.");
location.href="login.jsp";
</script>
</c:if>
</body>
위와 같이 별도의 함수 없이 sciprt 내용만 입력해서도 동작이 가능하다.
그러므로 위의 두가지 방법을 참고하여 진행하도록하자.
'[HTML & CSS & JavaScript] > Javascript&JQuery' 카테고리의 다른 글
| [자바스크립트] 로그인 후 글쓰기 기능(javascript에 jstl 변수 입력) (0) | 2019.12.29 |
|---|---|
| [자바스크립트] 아이디 중복 체크 만들기(스크립트에서 JSTL 사용하기) (0) | 2019.12.26 |
| [JAVA Script 개념] onclick을 사용하여 sciprt를 사용하자 (0) | 2019.12.09 |
| [JAVA Script 개념] 회원가입 정보 미입력 알럿 발생 script 및 html 사용 (0) | 2019.12.09 |
| [JAVA Script 개념] jsp 값을 받아서 다른 jsp로 옮기고 싶을 때 (0) | 2019.10.22 |