자바스크립트를 이용하여 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' 카테고리의 다른 글

자바스크립트 iframe크기 자동 조절  (0) 2015.09.29
자바스크립트 현재 시간 출력하기  (0) 2015.09.29
자바스크립트 자동 새로고침  (0) 2015.09.29

+ Recent posts

티스토리 툴바