자바스크립트를 이용하여 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

자바스크립트를 이용하여 현재 시간 출력하는 방법

 

자바스크립트를 <head></head>태그 사이에 선언한다.

 

<head>
     <SCRIPT LANGUAGE="JavaScript">
          setTimeout("history.go(0);", 300000);
     </SCRIPT>
</head>

 

위 코드에서 document.write("..."); 부분은 시간을 출력해주는 부분으로 폰트 크기 7로 설정되어있다.

 

<출력 화면>

Refresh time: '현재시간'

 

이 부분은 사용환경에 따라 크기, 색 등등을 일반 html태그를 이용하여 조절 할 수 있다.

 






저작자 표시 비영리 변경 금지
신고

'Web' 카테고리의 다른 글

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

자바스크립트를 이용하여 웹에서 자동 새로고침 하는 방법

 

<head></head>태그 사이에 자바스크립트를 넣는다.

 

<head>
     <SCRIPT LANGUAGE="JavaScript">
          setTimeout("history.go(0);", 300000);
     </SCRIPT>
</head>

 

딱 한줄이면 지정된 시간마다 새로고침을 하여 내용을 새로 긁어온다.

위 코드에서 지정된 시간 '300000'은 초가 아니라 밀리세컨드(ms) 단위이므로, 1000ms = 1s를 말한다.

따라서, 300000ms = 300초 = 5분 가 된다. 

 







저작자 표시 비영리 변경 금지
신고

'Web' 카테고리의 다른 글

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

+ Recent posts

티스토리 툴바