내가 보려고 만든 개발 공부 일지

form 태그의 target 속성 본문

Javascript

form 태그의 target 속성

kwangsunny 2021. 7. 2. 00:30
반응형

form 태그의 target 속성은 submit 결과를 어디에 뿌려줄지를 결정한다.

_blank, _self, _top, _parent, name 이렇게 5가지 값이 있다.

 

_self : 현재 창에 결과를 보여준다. (기본값)

_blank : 브라우저 새탭에 결과를 보여준다.

_top : 브라우저 최상단 창에 결과를 보여준다. (상위 창이 없으면 = _self)

_parent : 부모창에 결과를 보여준다. (부모창 없으면 = _self)

name : name 속성을 가지고있는 엘리먼트와 값이 같은 엘리먼트에 결과를 보여준다.

 

예제)

html

<iframe name="myFrame"></iframe>
<form name="form" action="test.jsp" method="POST" target="popupName"></form>

javascript

window.open("", "popupName", "width=100, height=100");
document.form.submit();

위처럼 form target 값으로 "popupName" 주면 post 날린 요청의 결과를 윈도우 팝업창에서 수도 있고,

"myFrame" 으로 주면 iframe에다 결과를 뿌려주게 된다.

(참고로 동적으로 만든 form appendChild DOM트리에 붙여줘야 submit() 있다.)

 

반응형

'Javascript' 카테고리의 다른 글

call() 과 apply() 의 this 바인딩  (0) 2021.07.02
Falsy / Truthy 한 값  (0) 2021.07.02
Tagged Templates  (0) 2021.07.02
Javascript 객체의 복사  (0) 2021.07.02
event 제어와 좌표  (0) 2021.07.02
form 태그의 target 속성  (0) 2021.07.02
0 Comments
댓글쓰기 폼