홈으로
| 무료회원가입 | 아이디/비번찾기
추천음악방송
IFRAME - x 이용한 InnerBrowsig
12년 전
원래는 게시판에 소스하이라이트가 가능하게 자바스크립트와 php 의 대화하는 방법을
찾다가 iframe-x 을 이용하면 괜찬겠다 싶어 그거에대해서 열씨미 공부해봤습니다.

(지금위에 EMP요, 처음엔 IFRAME-x을 이용했지만 지금은 XMLhttp를 이용합니다.)

이글은 공부의 결과물입니다^^;

iframe-x을 이용하는건 나와있는방법이고 inner browsing라고 하더라고요(넷스케이프DevEdged에서요)

간단하게 정의하자면 js 변수를 다른 웹페이지의 내용으로 채울수 있는 방법입니다
(그 값으로 현재 로딩되어있는 페이지의 일부분을 바꿀수 있겠죠;;)

이 방법은 권장되며 트래픽등에 유리하다고 나와있더라고요

다음은 히든아이프레임을 이용해서 웹페이지의 바디 내용일 읽어오는 간단한 소스입니다
====================================================
<iframe-x id="z" name="z" onload="a()" style="display:none"></iframe-x>
//요게 히든프레임입니다

<form target="z" action="http://muhwa.webice.co.kr">
<input type=submit>
</form>
//이건 페이지 이동을 위한 폼입니다

<script-x>
    z=document.getElementById("z"); //iframe-x을 지정해주고

    function a(){
        if(z.document.body.innerHTML) alert(z.document.body.innerHTML);
        //iframe-x onload의해 불려지는 함수고 iframe-x의 내용이 있을경우 출력해줍니다
    }
</script-x>
====================================================
중요한건
z.document.body.innerHTML



이겁니다
저걸로 자바스크립트에서 아이프레임 바디의 내용을 읽어올수 있습니다
그 전에 if 문으로 검사한건
빈페이지라도 iframe-x의 onload 이벤트가 불타오르기 때문입니다
이 읽어온 정보로 페이지의 바꾸고 싶은 부분을 바꿔주시면 됩니다.
읽어와야되는 페이지 주소는 적당히 form action 값 등을 바꿔주면 되겠져;;

여기선 숨겨진 아이프레임의 페이지 이동을 form으로 했습니다
iframe-x의 src 속성을 바꿔주는것도 가능한데
그렇게 할라면 iframe-x 초기 src 속성도 잡아주셔합니다;;
(왜 그런지는 모르겠오요)

그리고 주위하실점은 iframe-x 이너브라우징은 같은 호스트의 페이지의 내용만
접근이 가능합니다
msdn에서 잠깐 본건데 iframe-x 보안 어쩌구라면서 안된다 하더라구요

그리고 제가 생각할땐 이걸 이용해서 꼭 트래픽이 줄어든다라는것보단
UI 향상에 더 좋은거 같습니다

예를 들면 게시판에서 글을 쓰고 서브밋을 히든아이프레임을 이용한다면
반드시 글 등록 성공일때만 페이지가 리스트로 돌아가도록 할수 있습니다
글 등록 실패시 다른 페이지를 갔다가 와서 글이 사라지는 경우를 막을수 있었습니다

잘만 활용하면 좋게사용할곳이 많을거라 생각됩니다.
모 검색해서 결과가 없을경우 페이지 이동을 안해도 되겠고
요곳조곳 여러가지로요^^;
추천추천 : 381 추천 목록
번호 제목
3,046
 Vimeo (비메오) API 를 사용하여 플레이어 컨트롤하기
3,045
 iframe 사용시 하단에 발생하는 공백 제거방법
3,044
 아이프레임(iframe) 전체화면 가능하게 하기
3,043
 부트스트랩(bootstrapk)에서 사용하는 class명 정리
3,042
 부트스트랩 CSS
3,041
 크롬에서 마진 조절
3,040
 PHP 현재 페이지의 도메인명이나 url등의 정보 알아오기
3,039
 PHP preg match all()
3,038
 PHP 로 웹페이지 긁어오기 모든 방법 총정리!
3,037
 [PHP] 원격지 파일 주소 노출 안하고 curl로 다운로드 받기
3,036
 PHP 함수 정리
3,035
 아이프레임(iframe) 비율 유지하면서 크기 조절하는 방법
3,034
 PHP 배열에서 무작위로 하나 뽑아주는 array rand() 함수
3,033
 PHP 정규식 정리
3,032
 PHP 정규식을 활용한 태그 및 특정 문자열 제거 및 추출 방법
3,031
 php 크롤링 또는 파싱 함수, 정규식 모음
3,030
 제이쿼리 기본 명령어
3,029
 웹페이지 가로 모드세로 모드 인식하기
3,028
 모바일 웹 화면 강제 회전(가로모드 고정)
3,027
 [HTML5]에서 frameset 대체 방법과 iframe 속성
3,026
 HTML <Audio> 사용법
3,025
 윈도우10 시스템파일 손상 (초간단 오류 복구방법!!)
3,024
 PHP 파일 존재 여부 파악하기(로컬 파일 존재 및 원격지 파일 존재)
3,023
 [CSS] 박스 세로 가운데 중앙 정렬 6가지
3,022
 CSS Layout 수평 & 수직 정렬
목록
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.