> 웹 프론트엔드 > JS 튜토리얼 > iframe 적응형 너비, 높이 ie6 7 8, firefox 3.86 테스트 통과_javascript 기술

iframe 적응형 너비, 높이 ie6 7 8, firefox 3.86 테스트 통과_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:22:21
원래의
1506명이 탐색했습니다.

더 이상 고민하지 않고 코드를 붙여넣는 것은 자신만의 코드 저장소로 간주될 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var temp_iframe
var content = document .getElementById( 'right'); //id가 right인 DOM 컨테이너에서 iframe을 생성하고 너비와 높이를 조정합니다.
var c = 0
function add(filename)
{
var the_iframe = " helpfile" c;
temp_iframe = document.createElement("iframe");
temp_iframe.src = 파일 이름;
temp_iframe.setAttribute(" frameborder", " 0");
temp_iframe.id = the_iframe;
temp_iframe.name = the_iframe;
scroll(0, 0);
content.innerHTML = "";
content .appendChild(temp_iframe );
if (document.all)
{
temp_iframe.attachEvent('onload', function()
{
temp_iframe.setAttribute("width", window. 프레임[the_iframe] .document.body.scrollWidth); //적응형 너비
temp_iframe.setAttribute("height", window.frames[the_iframe].document.body.scrollHeight); //적응형 높이
}) ;
}
else
{
temp_iframe.addEventListener('load', function()
{
temp_iframe.setAttribute("width", window.frames[the_iframe].document .body .scrollWidth);
temp_iframe.setAttribute("height", window.frames[the_iframe].document.body.scrollHeight)
}, false); >return false;
}
/*호출 메소드
이 스크립트를 스크립트 파일(iframe.js)로 저장한 다음 첫 페이지에서 호출합니다:
--------- ---- --------------------------------- ---- ----------


---- ---- --------------------------------- ---- -------------
또는 스크립트에서 마지막 반환 false를 제거하고 프런트엔드:
--------------- -------------- ---------- -------------- --
div id="right">


------ -------------- ---------- -------------- -
*/


야, 적응형 너비와 높이의 최종 설정을 실제로 호출하는 함수로 만들 수 있습니다.
저는 그렇게 하지 않았습니다. 기사를 본 친구들이 직접 포장을 하기도 합니다.

그 중에서도 아직 불편한 점이 몇 가지 있는데, 예를 들어 제가 만드는 iframe은 매번 다른 이름과 ID를 가지고 있어야 하고, 원본을 바로 삭제할 수도 없습니다...
저는 그래도 나에게 조언을 해줄 수 있기를 바랍니다.
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿