일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- OpenWrt
- proxmox
- Apache
- SKT
- 자바스크립트
- 램가스초월
- KB증권
- 아파치
- 가상서버호스팅
- 보르비스초월
- 소비전력
- 윈도우10
- centos
- 시놀로지
- 스톤에이지
- php
- KB국민카드
- PHP-FPM
- 킹북이초월
- jQuery
- iptime
- 티스토리
- 리눅스
- Rocky
- 라즈베리파이2
- 알뜰폰
- 알리익스프레스
- 복현오거리
- mysql
- ConoHa
- Today
- Total
맛집 여행 캠핑 일상 생활
자바스크립트 createElement iframe 본문
728x90
자바스크립트 createElement iframe
자바스크립트로 iframe 을 생성해서 특정 영역에 추가하는 스크립트를 함수로 만들어 보았다.
응용하기에 따라 iframe 외에 다른 태그도 추가할 수도 있다.
<script>
function action_chart_add(objId) {
var iFrm = document.createElement('iframe');
iFrm.setAttribute('name', objId);
iFrm.setAttribute('id', objId);
iFrm.setAttribute('frameborder', '0');
iFrm.setAttribute('border', '0');
iFrm.setAttribute('width', '100%');
iFrm.setAttribute('height', 'auto');
var el = document.getElementById(objId);
el.parentNode.appendChild(iFrm);
}
action_chart_add('frame_test');
</script>
<iframe src="" name="frame_test" id="frame_test" frameborder="0" border="0" allowTransparency=false width="100%" height="auto"></iframe>
위 함수에서 src 만 더 추가해 주면 된다.
728x90
반응형
'JAVASCRIPT' 카테고리의 다른 글
브라우저 이미지 캐시 기능 무시하기 (1) | 2016.06.28 |
---|---|
자바스크립트 배열을 JSON으로 변환하기 (0) | 2016.06.20 |
CANVAS 이미지를 jQuery 로 서버에 업로드하기 (2) | 2016.06.17 |
window.onload 함수 여러개 실행되게 하기 (0) | 2016.06.10 |
jQuery iframe height 를 자동으로 변경 (0) | 2016.05.26 |
Trackback : | Comments :