답변 2개
채택된 답변
+20 포인트
1년 전
어떤식으로 구현을 하셨는지 정확히는 모르겠지만
다음을 참고해 보시면 어떨까 합니다.
Copy
게시판
// iframe 내부의 페이지를 제어하는 함수
function controlIFrame() {
// iframe 요소 가져오기
var iframe = document.getElementById('myFrame');
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
// 새로고침 이벤트 감지
iframeWindow.addEventListener('beforeunload', function(event) {
// 이벤트 취소
event.preventDefault();
// 새로고침을 하지 않도록 알림 (예시로 경고창 출력)
alert('새로고침을 할 수 없습니다.');
});
}
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
1년 전
1년 전
다음을 참고해 보세요
[code]
<!DOCTYPE html>
<html>
<head>
<title>게시판</title>
<script>
// iframe 자동 조절 함수
function autoResize(iframe) {
if (iframe) {
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
if (iframeWindow.document.body) {
// iframe의 높이를 내부 내용에 맞게 조절
iframe.height = iframeWindow.document.body.scrollHeight + "px";
}
}
}
// iframe 내부의 페이지를 제어하는 함수
function controlIFrame() {
// iframe 요소 가져오기
var iframe = document.getElementById('iframe1');
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
// 새로고침 이벤트 감지
iframeWindow.addEventListener('beforeunload', function(event) {
// 이벤트 취소
event.preventDefault();
// 새로고침을 하지 않도록 알림 (예시로 경고창 출력)
alert('새로고침을 할 수 없습니다.');
});
}
// 페이지가 로드된 후 스크립트 실행
document.addEventListener('DOMContentLoaded', function() {
controlIFrame();
});
</script>
</head>
<body>
<!-- iframe으로 게시판 불러오기 -->
<div class="notice_box">
<iframe id="iframe1" src="게시판주소" onload="autoResize(this)" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
</body>
</html>
[/code]
JavaScript 코드를 페이지의 어떤 부분에서 실행하느냐에 따라 방법이 달라지기 때문에 적절한 위치에 적용하시면 될 것 같습니다.
[code]
<!DOCTYPE html>
<html>
<head>
<title>게시판</title>
<script>
// iframe 자동 조절 함수
function autoResize(iframe) {
if (iframe) {
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
if (iframeWindow.document.body) {
// iframe의 높이를 내부 내용에 맞게 조절
iframe.height = iframeWindow.document.body.scrollHeight + "px";
}
}
}
// iframe 내부의 페이지를 제어하는 함수
function controlIFrame() {
// iframe 요소 가져오기
var iframe = document.getElementById('iframe1');
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
// 새로고침 이벤트 감지
iframeWindow.addEventListener('beforeunload', function(event) {
// 이벤트 취소
event.preventDefault();
// 새로고침을 하지 않도록 알림 (예시로 경고창 출력)
alert('새로고침을 할 수 없습니다.');
});
}
// 페이지가 로드된 후 스크립트 실행
document.addEventListener('DOMContentLoaded', function() {
controlIFrame();
});
</script>
</head>
<body>
<!-- iframe으로 게시판 불러오기 -->
<div class="notice_box">
<iframe id="iframe1" src="게시판주소" onload="autoResize(this)" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
</body>
</html>
[/code]
JavaScript 코드를 페이지의 어떤 부분에서 실행하느냐에 따라 방법이 달라지기 때문에 적절한 위치에 적용하시면 될 것 같습니다.
댓글을 작성하려면 로그인이 필요합니다.
1년 전
body에 적용할 경우 다음을 참고해 보세요
Copy
게시판
// iframe 자동 조절 함수
function autoResize(iframe) {
if (iframe) {
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
if (iframeWindow.document.body) {
// iframe의 높이를 내부 내용에 맞게 조절
iframe.height = iframeWindow.document.body.scrollHeight + "px";
}
}
}
// iframe 내부의 페이지를 제어하는 함수
function controlIFrame() {
// iframe 요소 가져오기
var iframe = document.getElementById('iframe1');
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
// 새로고침 이벤트 감지
iframeWindow.addEventListener('beforeunload', function(event) {
// 이벤트 취소
event.preventDefault();
// 새로고침을 하지 않도록 알림 (예시로 경고창 출력)
alert('새로고침을 할 수 없습니다.');
});
}
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<iframe id="iframe1" src="게시판 주소" onload="autoResize(this)" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
요렇게 불러와서 사용중입니당........