티스토리 뷰

Web & Network

자바스크립트 iframe크기 자동 조절

pwnbit 2015. 9. 29. 14:32
반응형

자바스크립트를 이용하여 iframe에서 표시되는 화면을 스크롤 없이 자동으로 크기 조절해주는 방법

 

우선 <head></head>사이에 다음과 같은 자바스크립트를 선언한다.

 

<head>
     <SCRIPT LANGUAGE="JavaScript">
          var now = new Date();
          var nowAll = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate() + " " + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds() + " ";
          document.write("<font size='7'>"+"Refresh time : " + nowAll + "</font>");
     </SCRIPT>
</head>

 

그리고 <body>부분에 다음과 같이 사용한다.

 

<body onload="parent.iframe_init();">
     <iframe id="ifrm" src="표시할 주소" frameborder=0 width="100%" height="110%" scrolling=no border=0 ></iframe>

</body>

 

 

위 코드를 적용해도 화면이 짤리는 분들은 width와 height를 110%, 120% 등으로 조절해서 사용하면 제대로 표시된다.

 








반응형
저작자표시 비영리 변경금지

'Web & Network' 카테고리의 다른 글

Cloudflare로 DNS 서버 이전하기  (245) 2021.03.11
웨일 브라우저 DNS Over HTTPS 활성화 방법  (402) 2021.01.09
자바스크립트 현재 시간 출력하기  (378) 2015.09.29
자바스크립트 자동 새로고침  (984) 2015.09.29
멀티태스킹(Multi tasking)  (1366) 2013.11.11
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/02   »
일 월 화 수 목 금 토
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
글 보관함
300x250