| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
- iptime
- 알리익스프레스
- 소비전력
- 킹북이초월
- 리눅스
- 가상서버호스팅
- 알뜰폰
- 스톤에이지
- 자바스크립트
- 윈도우10
- php
- 라즈베리파이2
- PHP-FPM
- 시놀로지
- Rocky
- KB증권
- OpenWrt
- 램가스초월
- KB국민카드
- ConoHa
- 아파치
- centos
- jQuery
- Apache
- 복현오거리
- 티스토리
- 보르비스초월
- proxmox
- SKT
- mysql
- Today
- Total
맛집 여행 캠핑 일상 생활
JAVASCRIPT 안보이는 iframe 만들기 본문
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();
}
'JAVASCRIPT' 카테고리의 다른 글
| 자바스크립트 Alt, Ctrl, Shift Key 이벤트 (0) | 2017.10.13 |
|---|---|
| JAVASCRIPT 팝업 차단 여부 확인 (0) | 2017.06.16 |
| JAVASCRIPT 보안서버 https 에서 http 의 js 를 호출시 (0) | 2017.06.15 |
| JAVASCRIPT window.open POST 로 값 전달하기 (0) | 2017.05.24 |
| 자바스크립트 프린터 출력 이벤트 알아내기 (0) | 2017.04.19 |