맛집 여행 캠핑 일상 생활

JAVASCRIPT 안보이는 iframe 만들기 본문

JAVASCRIPT

JAVASCRIPT 안보이는 iframe 만들기

영은파더♥ 2017. 6. 16. 10:21

JAVASCRIPT 안보이는 iframe 만들기



<iframe src='' name='frame_hidden' frameborder=0 width=0 height=0></iframe>


HTML 로 위 처럼 하여도 되지만 자바스크립트로 생성하고 form 의 submit 을 iframe 으로 지정하는 방법에 대해서 알아봅니다.



▶ iframe 생성 함수


function create_iframe(frmName) {

if(!document.getElementById(frmName)) {

var html = "<html><head></head><body>Hidden iframe</body></html>";

var iframe = document.createElement("iframe");

iframe.setAttribute("name", frmName);

iframe.setAttribute("id", frmName);

iframe.setAttribute("frameborder", "0");

iframe.setAttribute("width", "0");

iframe.setAttribute("height", "0");

iframe.src = "data:text/html;charset=utf-8," + encodeURI(html);

document.body.appendChild(iframe);

}

}


▶ form 생성 후 submit 함수


function create_form(val1, val2, val3) {

var _URL = "./test_iframe.html";

create_iframe("frame_hidden");

var f = document.f;

if(!document.f) {

f = document.createElement("form");

f.setAttribute("name", "f");

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

f.setAttribute("action", _URL);

var input1 = document.createElement('input');

var input2 = document.createElement('input');

var input3 = document.createElement('input');

input1.setAttribute("type", "hidden");

input1.setAttribute("name", "param1");

f.appendChild(input1);

input2.setAttribute("type", "hidden");

input2.setAttribute("name", "param2");

f.appendChild(input2);

input3.setAttribute("type", "hidden");

input3.setAttribute("name", "param3");

f.appendChild(input3);

f.target = "frame_hidden";

document.body.appendChild(f);

}

f.param1.value = "param1";

f.param2.value = "param2";

f.param3.value = "param3";

f.submit();

}


Trackback : | Comments :