삽입 HTML 페이지, *하지 * SRC 태그

Question

와 나는 그것이 내가 내와 충돌하지 않으려는 자신의 스크립트와 CSS있어이 내 페이지 - 내 포함 할 외부 페이지가 있습니다. 일반적으로 나는 단지 을 사용하고 그걸로 끝내 겠지만, 이것은 모바일에 최적화 된 사이트이며 가능하면 추가 HTTP 호출을 피하고 싶습니다. 그래서, 서버 측에서 요청을 실행하고 내 HTML 페이지에 결과 HTML을 포함시켜 클라이언트가 자체 요청을하지 않아도되도록하고 싶습니다.

<iframe id="test"></iframe> 
<script> 
    var doc = $("#test")[0].contentWindow.document; 
    var $body = $('body',doc); 
    $body.html('<h1>Test</h1>'); 
</script> 

하지만 오히려 모든 자바 스크립트를 사용하지 않고이 작업을 수행 할 것 :

내가 좋아하는 일을함으로써 그렇게 할 수 있습니다. 그게 가능하니? 가 iframe을 지원하지 않는 브라우저와의 호환성을 위해 사용되는 나는 <iframe> 및 </iframe> 태그 사이에 넣어 모든 내용이 무시됩니다.

Answer 1

결국 당신은 iframe 대응에 srcdoc 속성을 사용할 수 있어야합니다. 그러나 현재는 광범위하게 supported이 아닙니다. 그 동안 귀하의 유일한 옵션은 javascript이거나 브라우저가 전통적인 src 속성으로 호출하도록하는 것입니다. 이 stackoverflow question은 꽤 관련이 있다고 생각하기에 여기를보실 수 있습니다.

Answer 2

왜 다만 <div>를 사용합니까? 선택적으로 고정 폭과 높이를 설정하고 overflow:auto을 CSS에 추가하십시오.