[jquery]window.open

문법 : window.open('url','target','새창의 설정값(witdth,height,scroll등)')

 

※ window.open의 경우 기본 새탭으로 띄워짐. specs에 width또는 height를 지정하면 무조건 새창으로 뜸. (팝업처럼)

 

url : 새창을 띄울 주소

action으로 보낼 주소를 여기에 적는다

 

target : 보통 새창의 이름을 적는다.

-target에 빈값 또는 -blank를 적으면 아무것도없는 새창을 띄우겠다라는것

-self : 현재페이지를 바꿈

-perent : 부모 프레임에 열림

-name(해당 페이지의 이름) : 새창에 이름을 지정하여 관리

    window.open('url','ex,'');로 페이지를 열었을 때

    다시 window.open('url2','ex,'');하면 ex페이지의 내용이 바뀐다.

 

window.open과 함께 데이터 전송하기 예제

function ex1 () {

    window.open('보내려는 주소','새창의 이름','새창설정');

    document.해당 폼.submit();

}

---

function ex2() {

    window.open('보내려는 주소','새창의 이름','새창설정');

    //가짜 form 생성하기

    var f = document.createElement('form')

    f.setAttribute('method','post');

    f.setAttribute('action','url');

    document.body.appendChild(f); //body 아래에 form 객체 생성



    var hiddenData - document.createElement('input');

    hiddenData.setAttribute('type','hidden');

    hiddenData.setAttribute('name','ex2');

    hiddenData.setAttribute('value','보낼내용');

    f.appendChild(hiddenData);

    

    f.submit();

}

---

function ex3() {

    window.open('보내려는 주소','_blank','새창설정');

    document.write("보내고자 하는 정보");

    //빈창을 띄우고 정보를 넣어버리는방법

}

 

세번째 인자 :  비어있어도 됨. width,height가 없으면 새탭으로 열림. 지정하여 팝업처럼띄울 수 있음.